Ready-to-use foundation components/blocks built on top of shadcn/ui.
The Vertical example from the Slider docs.
The With icons example from the Slider docs.
A loading indicator with Apple-style ticks or a breathing ring that can wait before showing and stay long enough not to flicker.
The main Spinner demo from the docs.
The In buttons example from the Spinner docs.
The Inline example from the Spinner docs.
The Sizes example from the Spinner docs.
The Without flicker example from the Spinner docs.
An on/off toggle you can tap, press or drag, with a thumb that stretches under your finger and an optional pending state for saves.
The Controlled example from the Switch docs.
The main Switch demo from the docs.
The Disabled and read-only example from the Switch docs.
The In a field example from the Switch docs.
The iOS example from the Switch docs.
The On and off marks example from the Switch docs.
The Right to left example from the Switch docs.
The Saving example from the Switch docs.
The Sizes example from the Switch docs.
A responsive table with a surface style, wrapping or compact cells, sticky headers, pinned columns and scroll hints.
The Compact example from the Table docs.
The Default example from the Table docs.
The main Table demo from the docs.
The Pinned column example from the Table docs.
The Right to left example from the Table docs.
The Sticky header example from the Table docs.
The Wide tables example from the Table docs.
The Wrapping text example from the Table docs.
Switch between views with an indicator that slides to the active tab, as a segmented control or an underline, and lists that scroll when they overflow.
The Controlled example from the Tabs docs.
The main Tabs demo from the docs.
The Disabled example from the Tabs docs.
The Icons and counts example from the Tabs docs.
The Many tabs example from the Tabs docs.
The Many tabs, segmented example from the Tabs docs.
The Right to left example from the Tabs docs.
The Underline example from the Tabs docs.
The Vertical example from the Tabs docs.
Multi-line text that grows smoothly with what you write between a minimum and maximum number of rows, with counters, validation and a submit shortcut.
The Character count example from the Textarea docs.
The main Textarea demo from the docs.
The Fixed size example from the Textarea docs.
The Right to left example from the Textarea docs.
The Rows example from the Textarea docs.
The Send with a shortcut example from the Textarea docs.
The States example from the Textarea docs.
HextaUI design tokens: status colors, easing curves, hairline borders, type scale and the keyframes every component animates with.
Brief messages that stack neatly, expand on hover, swipe away, and turn a loading state into success or error in place.
The Action example from the Toast docs.