Ready-to-use foundation components/blocks built on top of shadcn/ui.
The Without placeholder example from the Aspect ratio docs.
File and image cards for uploads, with progress, states, actions, a full-card trigger and names that keep their extension.
The Broken image example from the Attachment docs.
The Composer example from the Attachment docs.
The main Attachment demo from the docs.
The Group example from the Attachment docs.
The Image example from the Attachment docs.
The Long names example from the Attachment docs.
The Right to left example from the Attachment docs.
The Sizes example from the Attachment docs.
The States example from the Attachment docs.
The Stress example from the Attachment docs.
The Trigger example from the Attachment docs.
The Upload flow example from the Attachment docs.
User photos with an initials fallback, status badges and stacked groups that collapse into a count.
The main Avatar demo from the docs.
The Group example from the Avatar docs.
The Initials example from the Avatar docs.
The Layout example from the Avatar docs.
The Linked group example from the Avatar docs.
The Loading example from the Avatar docs.
The Right to left example from the Avatar docs.
The Sizes and shapes example from the Avatar docs.
The Status example from the Avatar docs.
Status labels with colored dots, removable tags that slide closed and counts that roll to their new value.
The Controlled example from the Badge docs.
The Counts example from the Badge docs.
The main Badge demo from the docs.
The Interactive example from the Badge docs.
The Long content example from the Badge docs.
The Removable example from the Badge docs.
The Right to left example from the Badge docs.
The Sizes example from the Badge docs.
The Variants and appearances example from the Badge docs.
A trail of links to the current page that wraps safely, mirrors in right-to-left layouts and expands collapsed segments in place.
The Basic example from the Breadcrumb docs.
The Collapsed example from the Breadcrumb docs.
The Custom separator example from the Breadcrumb docs.
The main Breadcrumb demo from the docs.
The Dropdown example from the Breadcrumb docs.
The Ellipsis example from the Breadcrumb docs.
The Link component example from the Breadcrumb docs.
The Long content example from the Breadcrumb docs.
The Right to left example from the Breadcrumb docs.
The With icons example from the Breadcrumb docs.
Chat message bubbles with variants, grouped corners, reactions and room for interactive content.
The Alignment example from the Bubble docs.
The main Bubble demo from the docs.