Sidebar
Composable sidebar header, scrollable content, and footer.
View JSON →React component registry
Discord-inspired components you can own.
Accessible primitives built on Base UI. Install the source through shadcn, then change it to suit your product.
Install a component
Components
17 components. Each registry item installs as editable source.
Channel List
Collapsible channel groups with selection, unread states, and mentions.
View JSON →Theme
Light, Ash, Dark, and Onyx tokens for an entire interface.
View JSON →Button
Primary, secondary, success, danger, and link actions.
View JSON →Input
Labels, help text, validation errors, and disabled states.
View JSON →Checkbox
Accessible binary choices with clear supporting copy.
View JSON →Radio Group
Single-choice cards with keyboard navigation.
View JSON →Textarea
Multiline fields with validation and character count.
View JSON →Select
Accessible single-selection menus with keyboard navigation.
View JSON →Switch
Compact boolean settings with labels and supporting copy.
View JSON →Slider
Theme-aware range input with value feedback.
View JSON →Icon Button
Accessible icon-only actions in three sizes.
View JSON →Tooltip
Short contextual labels with managed positioning.
View JSON →Menu
Dropdown and context menus with shared styling.
View JSON →Dialog
Modal and destructive confirmation dialog patterns.
View JSON →Popover
Compact anchored content for information and actions.
View JSON →Toast
Stacked notifications with swipe and dismiss behavior.
View JSON →Try the components
The controls below use the active theme.
0/120
Notification volume
Overlays
Tooltip, menu, popover, dialog, and toast examples.