The explorer for the shadcn registry ecosystem.
[Shadcn UI Kit] An opinionated toast component for React. Every toast example sits comfortably next to Radix UI and Base UI components.
[Shadcn UI Kit] An opinionated toast component for React. Every toast example sits comfortably next to Radix UI and Base UI components.
[Shadcn UI Kit] An opinionated toast component for React. Every toast example sits comfortably next to Radix UI and Base UI components.
[Shadcn UI Kit] An opinionated toast component for React. Every toast example sits comfortably next to Radix UI and Base UI components.
[Shadcn UI Kit] Sonner toast built with shadcn/ui.
[Shadcn UI Kit] Sonner toast built with shadcn/ui.
[Shadcn UI Kit] Sonner toast built with shadcn/ui.
[Shadcn UI Kit] Sonner toast built with shadcn/ui.
[Shadcn UI Kit] Toast built with shadcn/ui.
[Shadcn UI Kit] Single column todo list with an add task input, checkbox rows that strike through completed items, a delete button on each row, a remaining task counter and a short motivational quote.
[Shadcn UI Kit] A two-state button that can be either on or off. All toggle examples conform to Radix UI and Base UI state conventions.
[Shadcn UI Kit] A two-state button that can be either on or off. All toggle examples conform to Radix UI and Base UI state conventions.
[Shadcn UI Kit] A two-state button that can be either on or off. All toggle examples conform to Radix UI and Base UI state conventions.
[Shadcn UI Kit] A two-state button that can be either on or off. All toggle examples conform to Radix UI and Base UI state conventions.
[Shadcn UI Kit] A two-state button that can be either on or off. All toggle examples conform to Radix UI and Base UI state conventions.
[Shadcn UI Kit] Toggle built with shadcn/ui.
[Shadcn UI Kit] Toggle built with shadcn/ui.
[Shadcn UI Kit] Toggle built with shadcn/ui.
[Shadcn UI Kit] A tooltip is a small overlay that appears when the user hovers over an element. Each tooltip variant is drop-in compatible with Radix UI and Base UI.
[Shadcn UI Kit] A tooltip is a small overlay that appears when the user hovers over an element. Each tooltip variant is drop-in compatible with Radix UI and Base UI.
[Shadcn UI Kit] A tooltip is a small overlay that appears when the user hovers over an element. Each tooltip variant is drop-in compatible with Radix UI and Base UI.
[Shadcn UI Kit] A tooltip is a small overlay that appears when the user hovers over an element. Each tooltip variant is drop-in compatible with Radix UI and Base UI.
[Shadcn UI Kit] A tooltip is a small overlay that appears when the user hovers over an element. Each tooltip variant is drop-in compatible with Radix UI and Base UI.
[Shadcn UI Kit] Tooltip built with shadcn/ui.
[Shadcn UI Kit] Tooltip built with shadcn/ui.
[Shadcn UI Kit] Tooltip built with shadcn/ui.
[shadcn/ui]
[shadcn/ui]
[Skrewww] Accordion is a set of stacked collapsible sections for progressive disclosure, built from Accordion Item building blocks.
[Skrewww] Alert is a persistent inline feedback block for contextual status tied to page content — not auto-dismissing.
[Skrewww] Area Chart shows magnitude over ordered categories with a filled area under each line — a single series by default, or several series overlapped, stacked, or stacked to 100%. Static and non-tabbable, with the data also exposed as a hidden table.
[Skrewww] Avatar is a circular visual identity for a user or entity with image, initials, or icon fallback.
[Skrewww] Badge is a compact non-interactive label for status, classification, or numeric counts at a glance.
[Skrewww] Bar Chart compares categories with vertical or horizontal bars — a single series by default, or several series grouped, stacked, or stacked to 100%. Static and non-tabbable, with the data also exposed as a hidden table.
[Skrewww] Breadcrumb is an ordered hierarchical trail showing location with navigable ancestors and a current-page indicator.
[Skrewww] Button is a primary interactive trigger for user actions — submit, confirm, navigate, or initiate a process.
[Skrewww] Button Group joins related independent Buttons with shared outer chrome and a 2px divider gap — layout only; each Button keeps its own behavior.
[Skrewww] Calendar Day is a single selectable day cell inside a month calendar grid.
[Skrewww] Calendar Grid is a composed month-view calendar with single-date or range selection and grid keyboard navigation.
[Skrewww] Card is a general-purpose content container grouping related information with a clear visual boundary.
[Skrewww] Chart Card is a Card composed for a chart: an optional title/description/actions header, and a body that owns loading/empty/error presentation around a chart the consumer supplies as children.
[Skrewww] Chart Metric is a labeled value with an optional directional delta, for use above a chart or standalone — the delta's direction drives only its icon, never a color.
[Skrewww] Checkbox is a native checkbox for independent or multi-select choices, including indeterminate group states.
[Skrewww] Combobox is an editable searchable single-select with a filterable listbox — distinct from non-searchable Select and query-only Search Field.
[Skrewww] Credit Card Field is a compound UI control for card number, expiry, and CVC in one shell — visual pattern only, not a payment processor or PCI vault.
[Skrewww] Data Table is an interactive data-table pattern composing Table with header sorting and external Pagination — no columns-config prop; the consumer writes their own Table/TableHead/TableBody markup and drops in DataTableSortHeader for sortable columns.
[Skrewww] Date Picker is a date-only field with editable D MMM YYYY text entry (en-GB) and calendar popover for single-date selection.
[Skrewww] Dialog is a modal overlay that interrupts workflow for focused attention, information, or a decision.