Component showcase

Live, interactive gallery of every chirp-ui macro and pattern

Page actions AI-ready formats and sharing
Open LLM text
Share with AI
Ask Claude Ask ChatGPT Ask Gemini Ask Copilot

The full, interactive showcase is the realexamples/component-showcaseChirp app, deployed as a live service. Click through every macro, shell, form, island, and streaming demo running against the actual server runtime — htmx swaps, SSE, and Alpine behave exactly as they would in your own app.

→ Open the live showcase ↗

Prefer reading to clicking? Browse the component reference for the full catalog with usage guidance, options, variants, and source links.

The specimens below are rendered inline from the component registry as a quick, zero-dependency preview of the design language.

Live specimens

Component specimen Toggle group Visible grouped options for compact single or multiple choice.
Component specimen Slider The standalone range primitive outside full form-field chrome.
68
Component specimen Data table A parent wrapper for filters, table rows, empty state, and pagination.

Deployments

Recent environment activity

Name Status
web Ready
worker Queued
Component specimen Item Reusable row anatomy for result lists, menu rows, and command surfaces.
Workspace settings Team, billing, and access controls Updated
Component specimen Keyboard key Inline key and chord rendering.
Ctrl K
Component specimen Separator Semantic or decorative separation with optional label.
or

Browse the component reference for the full catalog with usage guidance and source links.