Learn by Building: Interactive Demos & Tutorials
Zog.js is a small reactive framework for building web interfaces. It's designed to be simple to learn and use, without requiring complex build tools or configuration.
These examples show what you can build with Zog.js. Each one includes commented code to help you understand how things work.
UI updates automatically when data changes
Lightweight and fast to load
Simple API with clear patterns
Import and start coding right away
Good starting points if you're new to Zog.js
A basic counter to learn the fundamentals. Good place to start if you're new to reactive frameworks.
Same counter but with more features like step controls and statistics. Shows computed properties and two-way binding.
A working calculator with basic operations. Demonstrates organizing methods and handling user input.
More features and patterns to explore
See what's possible with more complex logic