Next-generation reactivity with zero runtime overhead. Built for performance, designed for simplicity.
No runtime tracking. Reactivity is fully optimized at compile-time with < 2KB production bundle.
Explicit dependency graphs ensure deterministic updates and simplify debugging complex state trees.
Only 3 core primitives (reactive, effect, computed) with no boilerplate for common patterns.
200x faster state updates than traditional frameworks
Burned.js reactivity benchmarks on modern hardware
Traditional framework performance (Vue/Svelte)
Minified production build size (no dependencies)
// Create reactive signal
const count = reactive(0);
// Auto-updating derived value
const even = derived(count, v => v % 2 === 0);
// Effect automatically re-evaluates
effect(() => {
document.getElementById('counter')!.textContent =
`${count.value} is ${even.value ? 'even' : 'odd'}`;
});
// Update value
count.value = 42;
const state = reactive({
x: 0,
y: 0
});
// Batch multiple updates to avoid N recomputations
batch(() => {
state.x = Math.random() * 1000;
state.y = Math.random() * 1000;
});
// Only recomputes when either x or y changes
const hypotenuse = derived(state, ({x, y}) =>
Math.sqrt(x*x + y*y).toFixed(2)
);
Experience reactivity done right with minimal API and maximum performance. Try the interactive playground or download the whitepaper.