chirp-ui Component Showcase

navbar, sidebar, stepper, route_tabs, nav_tree, pagination, command_palette.

Grid, stack, surface, hero, split_panel, entity_header, search_header, filter_bar, filter_chips, label_overline, segmented_control, action_bar, tray, media_object.

workspace_shell, split_layout, file_tree, shell_region, safe_region — plus how app_shell_layout maps to Chirp’s shell.

Route-scoped topbar actions, overflow menus, and persistent app shell updates.

section — Surface + header with icon, actions, and surface variants.

Compact and page variants. CSS scroll-snap, native touch swipe, zero-JS.

card, alert — Content containers, attrs_map for HTMX widget roots, metric/config cards.

Fields, validation, wizard_form, inline_edit, drag-and-drop, sortable_list, signature, params_table.

Descriptor-backed appearance and tone axes for buttons, badges, alerts, surfaces, and fields.

Token-only Atlas, Ember, and Sage packs shown across light, dark, and system modes.

modal, dropdown, tabs, accordion, tooltip, toast, row_actions, share_menu, status, empty_state, infinite_scroll.

Framework-agnostic mount roots plus no-build state primitives (grid, wizard, upload).

EventStream, model_card — live SSE demo, no LLM required.

description_list, timeline, tag_input, tree_view, calendar — Key-value pairs, activity feeds, tags, trees.

Search, filter, sort, pagination, bulk select, export CSV — HTML over the wire.

aurora, meteor, particles, symbol rain, constellation, sparkle, confetti, orbit — Background and decorative effects.

neon_text, glitch_text, gradient_text, typewriter, text_reveal, marquee, number_ticker.

ripple, shimmer, pulsing buttons, glow_card, spotlight_card, bento_grid, dock, notification_dot.

Knobs, faders, VU meters, 7-segment displays, split-flap boards, breaker panels, toggles, tables — Full retro control suite.

animated_stat_card, config_row, settings_row, bar_chart, donut — Dashboard building blocks.

Motion tokens, micro-feedback, skeleton, View Transitions — Polished interactions.

Unicode symbols as primary icons — blink, pulse, shrink, rotate, spin, bounce, throb.

message_bubble, message_thread, typing_indicator, chat_input, conversation_list.

post_card, comment, profile_header, avatar_stack, trending_tag, mention.

video_card, channel_card, video_thumbnail, live_badge, playlist, chapter_list.