# Component showcase

URL: https://lbliii.github.io/chirp-ui/showcase/
Section: showcase
Description: Live, interactive gallery of every chirp-ui macro and pattern

---

> For a complete page index, fetch https://lbliii.github.io/chirp-ui/llms.txt.

# Component showcase

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

Page actions
AI-ready formats and sharing

Open LLM text
(https://lbliii.github.io/chirp-ui/showcase/index.txt)

Share with AI

Ask Claude
(https://claude.ai/new?q=Please%20help%20me%20understand%20this%20documentation%3A%20https%3A%2F%2Flbliii.github.io%2Fchirp-ui%2Fshowcase%2Findex.txt)

Ask ChatGPT
(https://chatgpt.com/?q=Please%20help%20me%20understand%20this%20documentation%3A%20https%3A%2F%2Flbliii.github.io%2Fchirp-ui%2Fshowcase%2Findex.txt)

Ask Gemini
(https://gemini.google.com/app?q=Please%20help%20me%20understand%20this%20documentation%3A%20https%3A%2F%2Flbliii.github.io%2Fchirp-ui%2Fshowcase%2Findex.txt)

Ask Copilot
(https://copilot.microsoft.com/?q=Please%20help%20me%20understand%20this%20documentation%3A%20https%3A%2F%2Flbliii.github.io%2Fchirp-ui%2Fshowcase%2Findex.txt)

The full, interactive showcase is the real`examples/component-showcase`Chirp 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 ↗ (https://chirp-ui-showcase-production.up.railway.app)

Prefer reading to clicking? Browse the component reference (https://lbliii.github.io/chirp-ui/docs/components/) 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.

Preview Code Docs

Component specimen
Slider
The standalone range primitive outside full form-field chrome.

Volume 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 (https://lbliii.github.io/chirp-ui/docs/components/) for the full catalog with usage
guidance and source links.