State Management,
Reinvented.
A ultra-lightweight, proxy-based state management solution for modern JavaScript applications. Zero dependencies, maximum performance.
Live Demo
0
Updates are reactive and immediate.
Pure Simplicity
Reactive state without the boilerplate. Just wrap your object and subscribe to changes.
const count = new VnlState(0);
count.addEventListener('change', (val) => {
el.innerText = val;
});
// Triggered on increment!
count.set(count + 1);
🚀 Lightweight
Zero dependencies. Minified and Gzipped to under 2KB. Performance is the priority.
🔄 Proxy-based
Leverages native ES6 Proxies for efficient change detection. No virtual DOM, no overhead.
🎯 Framework Agnostic
Use it with React, Vue, Angular, or simple Vanilla JS projects. Integrates seamlessly anywhere.
📦 TypeScript First
Built-in type definitions for a superior developer experience and total type safety.
Integration Examples
Ready to simplify your state?
npm install @uhd_kr/vanilla-state