68 components

Components

Source files, code-first install guidance, and markdown-backed docs in one registry.

68 UI files42 registry mapped8 docs ready8 categories

3D Pin

Interactive 3D hover card for standout links and showcases.

Advanced
3d-pin

Accordion

Collapsible sections for progressively revealing content.

Data Display
docsaccordion

Activity Feed

Activity Feed component source and usage guide.

Data Display
activity-feed

Alert Dialog

High-stakes confirmation dialog for destructive actions.

Overlay
alert-dialog

Avatar

Profile image primitive with fallback states.

Data Display
docsavatar

Badge

Compact status indicator for labels, states, and metadata.

General
docsbadge

Bento Grid

Editorial grid layout for feature sections and dashboards.

Layout
bento-grid

Blocks Modern

Blocks Modern component source and usage guide.

Layout
blocks-modern

Button

Interactive button with multiple variants and sizes.

General
docsbutton

Calendar

Date and schedule UI for picking and browsing dates.

Data Display
calendar

Card

Flexible container for grouped content, metadata, and actions.

Layout
card

Charts

Composable chart components for visualizing trends and distributions.

Data Display
charts

Checkbox

Binary input for multi-select and consent flows.

Forms
checkbox

Code Block

Code Block component source and usage guide.

General
code-block

Color Picker

Color Picker component source and usage guide.

Forms
color-picker

Combobox

Searchable selection UI for larger option sets.

Forms
combobox

Command

Command component source and usage guide.

Advanced
command

Command Bar

Command Bar component source and usage guide.

Advanced
command-bar

Command Palette

Keyboard-driven search and action launcher.

Advanced
command-palette

Cookies Banner

Consent banner for privacy and cookie preferences.

Overlay
cookies-banner

Data Grid

Data Grid component source and usage guide.

Data Display
data-grid

Data Table Advanced

Feature-rich table with sorting, filtering, and large dataset support.

Data Display
data-table-advanced

Device Mockups

Device frames for product previews across desktop and mobile form factors.

Layout
device-mockups

Dialogs

Modal flows for auth, confirmation, and focused interaction.

Overlay
dialogs

Drag List

Drag List component source and usage guide.

Data Display
drag-list

Dropdown Menu

Action menu for compact contextual choices.

Overlay
dropdown-menu

Feedback

Feedback component source and usage guide.

Feedback
feedback

File Upload

Drag-and-drop upload field for files and attachments.

Forms
file-upload

Form Advanced

Form Advanced component source and usage guide.

Forms
form-advanced

Hero

Landing page hero section for high-impact product messaging.

Advanced
hero

Input

Standard text input field for forms and filters.

Forms
docsinput

Inputs Advanced

Inputs Advanced component source and usage guide.

Forms
inputs-advanced

Kanban

Board-style workflow layout for task and pipeline management.

Data Display
kanban

KBD

KBD component source and usage guide.

General
kbd

Loaders & Spinners

Animated loading indicators for async states and pending screens.

General
loaders

Markdown Editor

Markdown editor with live preview for content workflows.

Forms
markdown-editor

Multi Step Form

Multi Step Form component source and usage guide.

Forms
multi-step-form
Link
Link
Link

Navigation

Navigation component source and usage guide.

Navigation
navigation
Link
Link
Link

Navigation Advanced

Navigation Advanced component source and usage guide.

Navigation
navigation-advanced

Notification Center

Notification Center component source and usage guide.

Data Display
notification-center

OTP Input

OTP Input component source and usage guide.

Forms
otp-input

Overlay Advanced

Overlay Advanced component source and usage guide.

Overlay
overlay-advanced

Popover

Floating panel anchored to a trigger element.

Overlay
popover

Pricing

Pricing cards and plan comparison layouts.

Data Display
pricing

Primitives

Primitives component source and usage guide.

Layout
primitives

Profile Card

Profile Card component source and usage guide.

Data Display
profile-card

Progress

Progress indicators for uploads, steps, and async work.

Feedback
progress

Radio Group

Single-selection input for mutually exclusive choices.

Forms
radio-group

Rating

Rating component source and usage guide.

Feedback
rating

Select

Dropdown selection menu for predefined options.

Forms
docsselect

Sheet

Slide-over panel for secondary flows and contextual tasks.

Overlay
sheet

Skeleton

Loading placeholder blocks for content still in flight.

Data Display
skeleton

Slider

Range input for numeric selection and tuning.

Forms
slider

Smart Table

Smart Table component source and usage guide.

Data Display
smart-table

Snippet

Snippet component source and usage guide.

General
snippet

Spinner

Compact loading spinner for buttons and small placeholders.

Feedback
spinner

Split Pane

Split Pane component source and usage guide.

Layout
split-pane

Stats

Metric cards and summary layouts for dashboards.

Data Display
stats
Link
Link
Link

Stepper

Step-based progress indicator for multi-stage flows.

Navigation
stepper

Switch

Toggle control for on/off settings.

Forms
switch

Table

Standard table primitives for structured data.

Data Display
table
Link
Link
Link

Tabs

Tabbed navigation for switching between related content panels.

Navigation
docstabs

Textarea

Multiline text field for messages, notes, and descriptions.

Forms
docstextarea

Timeline

Sequential activity and event display for history-heavy screens.

Data Display
timeline

Toast

Transient notification system for success, error, and info messages.

Feedback
toast

Tooltip

Short contextual hint shown on hover or focus.

Overlay
tooltip
Link
Link
Link

Tree View

Tree View component source and usage guide.

Navigation
tree-view

Virtual List

Virtual List component source and usage guide.

Data Display
virtual-list