CairnJS is a zero-dependency, pure reactive JavaScript UI framework that executes fine-grained signals, procedural element builders, direct DOM updates, and 60fps spring kinematics without any virtual DOM overhead or compiler requirements.

How does CairnJS achieve zero build requirements?

CairnJS runs as native modern ES modules directly in the browser and Node.js. It requires no Webpack, Vite, Babel, or JSX transpilation step — simply import and build.

Can CairnJS be integrated into existing React, Vue, Svelte, or SolidJS applications?

Yes, CairnJS includes native framework bridges (cairnToReact, cairnToVue, cairnToSvelte, cairnToAngular) and universal custom element definitions to embed high-frequency reactive islands anywhere.

v1.6.0 Live • Zero-Dependency UI Framework

CairnJS — Pure UI Reactivity & Component Framework

A simple, standalone UI library featuring fine-grained signals, direct DOM updates, and spring kinematics — built with zero external dependencies and zero build steps required.

Open Live Playground Browse 40+ Examples

Quickstart — Zero Build Required HTML / ES Modules

import { state, computed, div, button, p, mount } from '@cairn-js/core';

// 1. Declare Fine-Grained Reactive Signal
const count = state(0);
const double = computed(() => count.value * 2);

// 2. Direct DOM Reactivity (Zero Virtual DOM Overhead)
mount('#app', div(
    p(() => `Count: ${count.value} (Double: ${double.value})`),
    button('+ Increment', { onclick: () => count.value++ })
));

Fine-Grained Signals

Micro-targeted DOM node updates executing under 0.5ms with zero VDOM diffing overhead.

Zero Dependencies

7.26 KB core bundle. Runs directly in any browser without npm install or build pipelines.

Framework Bridges

Embed Cairn high-frequency widgets effortlessly into React, Vue, Svelte, and Solid apps.