Each demo below is a real React component hydrated as an Astro island. Interact with the buttons, fill the inputs, open the dialogs — this is what ships.
Form controls with icon slots, validation states, and character counting.
Text Inputs
With Icons
Textarea
Modal overlays with header, description, footer, and keyboard dismissal.
Basic Dialog
Content panels with keyboard navigation and animated indicator.
Tabs
Chain ID
125
Status
Block Time
<1s
Finality
Deterministic
Collapsible content sections with smooth height animation.
Accordion
Form controls — toggles, checkboxes, range sliders, and progress indicators.
Switches
Checkboxes
Slider
Progress
Dropdowns, toggle buttons, alignment groups, and hover tooltips.
Select
Toggle
Toggle Group
Tooltips
These components are production-ready. Copy the source, adapt the tokens, ship your agent UI.
Back to Overview