Ready-to-use foundation components/blocks built on top of shadcn/ui.
The Status example from the Field docs.
The Validation example from the Field docs.
The main Hairline demo from the docs.
The Lists and cards example from the Hairline docs.
Parse, label, announce and match keyboard shortcuts, with ⌘ on Apple platforms and Ctrl everywhere else.
The main Hotkey demo from the docs.
The Shortcut listener example from the Hotkey docs.
A preview card that opens when a link is hovered or focused, for content sighted users can glance at.
The Arrow example from the Hover card docs.
The Controlled example from the Hover card docs.
The Delay example from the Hover card docs.
The main Hover card demo from the docs.
The Inline link example from the Hover card docs.
The Interactive content example from the Hover card docs.
The Loading content example from the Hover card docs.
The Long content example from the Hover card docs.
The Right to left example from the Hover card docs.
The Shared card example from the Hover card docs.
The Side example from the Hover card docs.
A text input with three sizes, invalid and read-only states, native validation styling and a 16px touch font so phones never zoom in.
The Controlled example from the Input docs.
The main Input demo from the docs.
The Disabled example from the Input docs.
The File example from the Input docs.
The Grid example from the Input docs.
An input with icons, text, buttons or a keyboard hint attached, sharing one border and focus ring.
The Button example from the Input group docs.
The Character count example from the Input group docs.
The Clear example from the Input group docs.
The main Input group demo from the docs.
The Disabled example from the Input group docs.
The Dropdown example from the Input group docs.
The Header example from the Input group docs.
The Icon example from the Input group docs.
The Invalid example from the Input group docs.
The Keyboard hint example from the Input group docs.
The Loading example from the Input group docs.
The Long content example from the Input group docs.
The Password example from the Input group docs.
The Right to left example from the Input group docs.
The Sizes example from the Input group docs.
The Text example from the Input group docs.
The Textarea example from the Input group docs.
The Input types example from the Input docs.
The Invalid example from the Input docs.
The Long content example from the Input docs.
The Native validation example from the Input docs.
One-time code slots that take typing, paste and SMS autofill, with an opt-in animation that cascades codes in and a status for verifying.