Examples

Complete applications assembled from the library — each one is the real components, styled only by the design system, running live in this page.

A revenue console: stat cards, charts, and a sortable, filterable, selectable data table with drawer detail and dialog editing.

Three doors into the same workbench: a centered card, a split panel wearing the house ink, and a two-step one-time code with a resend clock.

A three-tray letter room: folders, a list with unread dots and stars, and a reading pane that drafts replies in a dialog.

A small press-room board: status filters, a priority select, completion checkboxes, and new tasks added in a dialog.

A listening room: an album shelf, a track queue, and a now-playing panel whose band moves and hands off to the next song.

The form workbench: a profile card validated while you type, beside a preferences card of switches and a digest cadence.

An editorial site: a filterable post grid, an article view with a tracked table of contents, and a comment thread.

A letterpress studio's public face: sticky nav, serif hero, wordmark lattice, and a masonry press gallery.

A simulated assistant conversation: streamed responses, tool calls, reasoning, and suggestion chips — no network, all local.

DemoMacro's GitHub profile, fed live by the ungh API: real avatar, star and fork counts, and the tabbed repository index.

Two phone screens in the handheld registers: a chat home in missive and an office workbench in dispatch, each pinned to its scene by ConfigProvider.

Prompt to interface: a recorded spec stream composes Elements components — rendered live, bound to state, inside the catalog's guardrails.