Every live example, in one place.
Standalone, full-page demos that exercise the renderer end to end — tools, streaming, multi-page routing, JavaScript interactions, and the rich-layout patterns the LLM should reach for. Each card opens a focused page with editable source.
How to use this page
Filter the catalog by tag (LLM streaming, JavaScript, routing, patterns…) and pop the demo into a new tab. Each demo shows the full Aktion source, the tools wiring, and the rendered UI — so you can copy any pattern straight into your own app.
Looking for a focused walkthrough of how buttons, forms, and
follow-ups wire to the runtime? Read the
Actions guide — it covers
action Name() { ... } blocks, every step-equivalent
statement, and the components that accept them.
All live examples
Data explorer
A full analytics surface — sortable DataGrid with bulk-action toolbar, Gauge SLA dials, filled LineChart, Heatmap, RadarChart, ScatterChart, Histogram, InfiniteList, and ActivityLog.
Media gallery
A travel-magazine layout that puts every new media primitive to work — Carousel hero, Gallery wired to a Lightbox, VideoPlayer trailer, AudioPlayer soundtrack, and a Leaflet-backed Map.
Content studio
A CMS-style authoring surface: RichTextEditor, CodeEditor, MultiStepForm, ColorPicker, TagInput, MentionInput, PinInput, plus ValidationSummary and the new TopBar.
Brand themes
The same dashboard reskinned to GitHub, Apple, Stripe, IONOS, Notion, and Vercel — using only a theme = Theme({...}) line in the script.
Chat bot
OpenRouter-powered chat that streams replies straight into the renderer. Bring your own API key, attach images / PDFs, switch between chat, website, and app modes.
Open demo →Multi-page routing
A four-page app driven by a top-level pages = _router_({ ... }) call, NavLink, and _route_.navigate(...) from action bodies. Deep links, browser back/forward, and _route_ reactivity.
Settings app
Tabs, Switch, ToggleGroup, Progress, Kbd, and a danger-zone confirmation Drawer.