Ready-to-use foundation components/blocks built on top of shadcn/ui.
The Lift transition and bar example from the Questionnaire docs.
The Right to left example from the Questionnaire docs.
Pick one option from a set, with a dot that hands off between choices and cards whose selection ring slides to the new pick.
The Cards example from the Radio group docs.
The Controlled example from the Radio group docs.
The main Radio group demo from the docs.
The Disabled and read-only example from the Radio group docs.
The Form example from the Radio group docs.
The Horizontal example from the Radio group docs.
The Right to left example from the Radio group docs.
Panels you can drag apart, with a quiet divider that wakes up on hover, sizes that glide on reset or collapse, and layouts that persist.
The Collapsible example from the Resizable docs.
The main Resizable demo from the docs.
The Remember the layout example from the Resizable docs.
The Right to left example from the Resizable docs.
The Size readout example from the Resizable docs.
The Vertical example from the Resizable docs.
The Visible grip example from the Resizable docs.
A pointer safe triangle that keeps submenus and flyouts open while the cursor travels diagonally toward them.
Native scrolling with a minimal scrollbar, edges that fade only where there’s more to see, and an optional peek that cuts the last item in half.
The Both axes example from the Scroll area docs.
The main Scroll area demo from the docs.
The Dynamic content example from the Scroll area docs.
The Horizontal example from the Scroll area docs.
The Inside a sheet example from the Scroll area docs.
The On a colored surface example from the Scroll area docs.
The Peek example from the Scroll area docs.
The Right to left example from the Scroll area docs.
The Start at the bottom example from the Scroll area docs.
The Text example from the Scroll area docs.
The Without fade example from the Scroll area docs.
The main Scroll fade demo from the docs.
The Horizontal example from the Scroll fade docs.
The One edge example from the Scroll fade docs.
Pick one or more options from a list that opens on the current value, with typeahead, groups and form support.
The Below the trigger example from the Select docs.
The main Select demo from the docs.
The Disabled and invalid example from the Select docs.
The Groups and long lists example from the Select docs.
The In a form example from the Select docs.
The Multiple example from the Select docs.
The Right to left example from the Select docs.
The Sizes example from the Select docs.
The With icons example from the Select docs.
A hairline that divides content horizontally or vertically, with an optional label and a decorative mode for purely visual lines.
The Align example from the Separator docs.
The Decorative example from the Separator docs.
The main Separator demo from the docs.