registry:ui

Components

53 reusable UI components built with Radix UI and Tailwind CSS. Each component is a single file that can be installed via the shadcn CLI.

Installation

Install any component using the shadcn CLI:

$ npx shadcn add https://baby-baltazar-xi.vercel.app/r/button.json

Form

Interactive button with multiple variants and sizes.

Checkbox input for boolean or multiple selection.

Text input field for forms.

One-time password input component.

Accessible label for form inputs.

A set of checkable buttons.

Dropdown selection component.

Input for selecting a value from a range.

Toggle switch for boolean values.

Multiline text input.

A two-state button.

A set of toggle buttons.

Data Display

Image element with fallback.

Small status indicators and labels.

Date picker calendar.

Container for grouping related content.

Carousel with motion and swipe.

Organization view for sidebar header: logo, name, and tagline.

Expandable card for displaying music product information with versions.

Table component for displaying music products with search functionality.

Progress indicator bar.

Loading placeholder for content.

Responsive table component.

Charts

Pie/donut chart with configurable segments.

Line chart with multiple series support.

Grouped or stacked bar chart with multiple series.

Scatter/bubble chart for correlation analysis.

Grid-based heatmap with color intensity.

Terminal Table Chart

Table-style chart with terminal aesthetic for label + value data.

Overlay

Modal dialog that interrupts the user.

Modal dialog for focused interactions.

Drawer for mobile-friendly dialogs.

Menu with a list of actions.

Preview content on hover.

Rich content in a portal.

Content that slides from the edge.

Contextual information on hover.

Navigation

Path to the current resource.

Desktop application menu.

Navigation Menu

Links for navigating websites.

Page navigation controls.

Composable sidebar component.

Tabbed content navigation.

Layout

Vertically stacked headings.

Content within a desired ratio.

Expandable/collapsible panel.

Page margins and max content width; optional sparse margin guides.

Flexible column layout: single, two-column, or asymmetric.

Resizable panel groups.

Custom styled scroll area.

Visual divider for content.

Feedback

Callout for user attention.

Toast notifications.