Ready-to-use foundation components/blocks built on top of shadcn/ui.
The Long content example from the Label docs.
The Required and optional example from the Label docs.
The Right to left example from the Label docs.
Quiet notes between content, like date dividers and system events, with sticky dates and times that read as Today or Yesterday.
The Activity example from the Marker docs.
The main Marker demo from the docs.
The Long content example from the Marker docs.
The Relative dates example from the Marker docs.
The Right to left example from the Marker docs.
The Sticky dates example from the Marker docs.
The Variants example from the Marker docs.
A desktop-style bar of menus with one highlight that slides between open menus and instant switching as you sweep across.
The main Menubar demo from the docs.
The Disabled example from the Menubar docs.
The Icons example from the Menubar docs.
The Right to left example from the Menubar docs.
The Trigger icons example from the Menubar docs.
The Vertical example from the Menubar docs.
A chat message row with an avatar, name, bubbles and status, where new messages rise in from the sender's side.
The Alignment example from the Message docs.
The Assistant example from the Message docs.
The main Message demo from the docs.
The Header and footer example from the Message docs.
The Long content example from the Message docs.
The Right to left example from the Message docs.
A chat scroll area that follows new messages, keeps your place while you read back, and counts what you missed on the jump button.
The main Message scroller demo from the docs.
The Group chat example from the Message scroller docs.
The Jumping to messages example from the Message scroller docs.
The Keeping context example from the Message scroller docs.
The Loading earlier messages example from the Message scroller docs.
The Opening saved threads example from the Message scroller docs.
The easing curves, durations and reduced-motion check every component animates with, plus hooks for size morphs and sliding highlights.
The main Motion demo from the docs.
The main Motion demo from the docs.
The main Motion demo from the docs.
The browser's own select, styled to match Input, with a quiet placeholder, Field support and the OS picker on every device.
The Controlled example from the Native select docs.
The main Native select demo from the docs.
The Disabled example from the Native select docs.
The Field example from the Native select docs.
The Groups example from the Native select docs.
The Invalid example from the Native select docs.
The Long content example from the Native select docs.
The Right to left example from the Native select docs.
The Sizes example from the Native select docs.
Site navigation with dropdowns, or one full-width panel that stays open while its content slides between menus.
The Current page example from the Navigation menu docs.