📚Catalog

Encased code with wrap toggle and bottom scroll nav.

@/components/docs/code-block

Adaptive refractive liquid material surfaces.

@/components/ui/liquid

Frosted glass surfaces, liquid tint, solid fallback.

@/components/ui/glass

Compact status and category chips.

@/components/ui/badge

Elevated content container with header/body/footer.

@/components/ui/card

User image with initials fallback.

@/components/ui/avatar

Progressive disclosure for FAQs and settings.

@/components/ui/accordion

Show/hide regions without accordion grouping.

@/components/ui/collapsible

Primary actions with hierarchy variants and sizes.

@/components/ui/button

Single-line text fields with focus ring and file support.

@/components/ui/input

Multi-line text entry matching input chrome.

@/components/ui/textarea

Accessible single-select listbox.

@/components/ui/select

Boolean selection with indeterminate support via Radix.

@/components/ui/checkbox

Immediate on/off settings control.

@/components/ui/switch

Exclusive choice within a set.

@/components/ui/radio-group

Continuous numeric input.

@/components/ui/slider

Pressed-state toggle for toolbars and filters.

@/components/ui/toggle

Date picking with react-day-picker.

@/components/ui/calendar

Dense data rows with status badges.

@/components/ui/table

Segment related content in-page.

@/components/ui/tabs

Hierarchical location trail.

@/components/ui/breadcrumb

Page controls for long lists.

@/components/ui/pagination

Inline page-level status messaging.

@/components/ui/alert

Determinate progress bar.

@/components/ui/progress

Loading placeholders that preserve layout.

@/components/ui/skeleton

Transient confirmations via Sonner.

sonner

Modal focus for critical tasks.

@/components/ui/dialog

Destructive confirmation with explicit actions.

@/components/ui/alert-dialog

Edge panel for filters and details.

@/components/ui/sheet

Mobile-first bottom drawer (Vaul).

@/components/ui/drawer

Contextual action menus.

@/components/ui/dropdown-menu

Non-modal floating content anchored to a trigger.

@/components/ui/popover

Short hover/focus hints.

@/components/ui/tooltip

Command palette / combobox (cmdk).

@/components/ui/command

Rich previews on hover for links and avatars.

@/components/ui/hover-card