The Minimalist Reactive Library
Zog.js is a minimal, lightweight reactive library inspired by Vue.js. Built with modern JavaScript features to keep your applications fast and efficient.
This library will never exceed 7kb
Why Choose zog.js?
Lightweight yet powerful features for modern web applications
Minimal Size
At just ~2kb, zog.js won't bloat your application. We're committed to keeping it under 7kb forever.
Reactive
Experience the power of reactivity with a simple API. Your UI updates automatically when data changes.
Vue-like Syntax
If you know Vue.js, you'll feel right at home with zog.js. Similar directives and concepts make it easy to learn.
Modern JavaScript
Built with modern JavaScript features like ES6 modules, proxies, and more for optimal performance.
Fast Performance
Minimal overhead and efficient updates ensure your applications remain fast and responsive.
Flexible
Use it for small components or entire applications. zog.js adapts to your needs without imposing strict patterns.
Installation
Get started with zog.js in your project
npm install zogjs
After installation, you can import zog.js in your project:
import { createApp, ref } from 'zogjs';
Live Demos
See zog.js in action with these interactive examples
Two-way Binding
Hello, !
Form Controls
Role: {{ userRole }}
Subscribed: {{ isSubscribe }}
Experience: {{ experience }}
Conditionals & Visibility
You are still a child.
You are a teenager.
You are an adult.
This box uses z-show (display: none).
Dynamic Styles & Classes
List Rendering (z-for)
- {{ tech }} (Index: {{ index }})
The list is empty!