Examples
Ten interactive examples — from a state counter to async data-fetching and client-side routing. All runnable in the browser.
Counter
Classic reactive counter with increment, decrement and reset. The hello world of state-driven UI.
Todo List
Full todo app with add, toggle, delete and filter — powered by list() and when().
Subtasks
Nested list with expandable sub-items. Shows how lists can be composed inside each other.
Live Search
Filter a list in real-time as the user types. Combines on('input') with list() provider filtering.
Async Data
Fetch from an API and render loading, error and success states using when() chains.
Forms
Controlled form with validation, error display and submit handling — no libraries required.
Nested Components
Compose components with shared state passed through closures. Clean architecture, no prop-drilling.
Animations
CSS transitions triggered by state changes — fade in, slide and pulse effects without a library.
Routing
Client-side routing with history API. Render different views based on the current URL path.
Styled Card
Full styling showcase — shadows, gradients, hover states and responsive breakpoints in one component.