Live component
Theme Toggle
A compact live control for switching between dark and light appearance states.
inputtoggleappearance
Component Showcase
Live components, arranged as a system.
The grid is the library. Every tile runs a live preview, and every preview links to a dedicated component page with code.
real
Live component
Intensity Slider
A tactile range control for tuning visual intensity without leaving the grid.
rangecontrolinteractive
Live component
Copy Chip
Action
Copy token
A tiny utility action with immediate feedback for copy-style interactions.
utilityfeedbackaction
Live component
Status Pulse
A live status indicator card with small motion and state language.
statusmotionsignal
Reserved slot
Command Block
Placeholder
Command Block
Reserved for a future live component.
Reserved tile for an installable command surface with tabs and copy helpers.
placeholderdocsdeveloper
Reserved slot
Spotlight Card
Placeholder
Spotlight Card
Reserved for a future live component.
Reserved hero-style tile for a larger component with richer visual treatment.
placeholderherofeatured
Live component
Theme Toggle
A compact live control for switching between dark and light appearance states.
inputtoggleappearance
Live component
Intensity Slider
A tactile range control for tuning visual intensity without leaving the grid.
rangecontrolinteractive
Reserved slot
Spotlight Card
Placeholder
Spotlight Card
Reserved for a future live component.
Reserved hero-style tile for a larger component with richer visual treatment.
placeholderherofeatured
Live component
Status Pulse
A live status indicator card with small motion and state language.
statusmotionsignal
Reserved slot
Command Block
Placeholder
Command Block
Reserved for a future live component.
Reserved tile for an installable command surface with tabs and copy helpers.
placeholderdocsdeveloper
Live component
Copy Chip
Action
Copy token
A tiny utility action with immediate feedback for copy-style interactions.
utilityfeedbackaction