LIVE EXAMPLES

Learn by changing things.

Real Zidom components powered by published beta packages, with their exact source beside the result. Build-time tooling is clearly separated from live browser demos. Testing a real app? Tell us where you get stuck. Want components you can reuse? Browse Zidom Blocks →

Core / liveSignals & computed

Interactive counter with a lazy computed signal and precise text binding.

Try example →Core / liveEffects & batching

Derived work, dependency tracking, microtasks and batched writes.

Try example →DOM / liveConditional regions

Create and dispose a reactive branch when its condition changes.

Try example →DOM / liveKeyed lists

Add, remove and reorder items while preserving stable keys.

Try example →DOM / livePortals

Mount owned content in a separate DOM target.

Try example →State / liveShared stores

Property-level shared state, computed selectors, set and patch.

Try example →State / liveDependency injection

Typed service tokens, factories and parent/child containers.

Try example →Application / liveTyped forms

Field validation, submission and accessible error messages.

Try example →Application / liveQuery cache

Reactive fetch status, cache keys, refetch and cancellation.

Try example →Application / iframeRouter & History API

Live route navigation isolated within an iframe; inspect the router and page components individually.

Try example →Build tools / buildJSX compiler

Invoke the optional TSX compiler at build time.

Try example →Build tools / configVite integration

Use the Zidom Vite plugin as the website does.

Try example →Experimental / buildServer rendering

Escaped server HTML from the dedicated server JSX runtime.

Try example →