Ready-to-use foundation components/blocks built on top of shadcn/ui.
The Inline example from the Separator docs.
The Label example from the Separator docs.
The Long content example from the Separator docs.
The Right to left example from the Separator docs.
The Vertical example from the Separator docs.
The Vertical label example from the Separator docs.
A panel that slides in from any edge, with swipe-to-dismiss, scroll lock and stacked nesting.
The Controlled example from the Sheet docs.
The main Sheet demo from the docs.
The Detached triggers example from the Sheet docs.
The Long content example from the Sheet docs.
The Nested example from the Sheet docs.
The Right to left example from the Sheet docs.
The Sides example from the Sheet docs.
The Without the close button example from the Sheet docs.
The main Shimmer demo from the docs.
The Options example from the Shimmer docs.
The Status updates example from the Shimmer docs.
An app sidebar that collapses to icons or off canvas, stays pinned under your header, and becomes a swipeable sheet on phones.
The Collapsible example from the Sidebar docs.
The Collapsible groups and submenus example from the Sidebar docs.
The Controlled example from the Sidebar docs.
The main Sidebar demo from the docs.
The Loading example from the Sidebar docs.
The Right side example from the Sidebar docs.
The Right to left example from the Sidebar docs.
The Under a header example from the Sidebar docs.
The Variants example from the Sidebar docs.
Placeholders that wait 150ms before showing, take the exact size of the content they wrap, and fade it in without moving anything.
The Animations example from the Skeleton docs.
The main Skeleton demo from the docs.
The Fast load example from the Skeleton docs.
The Inline example from the Skeleton docs.
The Many rows example from the Skeleton docs.
The Right to left example from the Skeleton docs.
The Shapes example from the Skeleton docs.
The Text example from the Skeleton docs.
The Wrap real content example from the Skeleton docs.
Pick a value or a range by dragging, tapping the track or using the keys, with jumps that glide and an optional value bubble.
The Controlled example from the Slider docs.
The main Slider demo from the docs.
The Disabled example from the Slider docs.
The Long labels example from the Slider docs.
The Range example from the Slider docs.
The Right to left example from the Slider docs.
The Sizes example from the Slider docs.
The Steps and format example from the Slider docs.
The Value bubble example from the Slider docs.