Components

Colorful labels for status and counts.

Trigger actions or navigate between pages.

Group of related buttons with shared edges.

Structured container for related content.

Single-line text entry field.

Compose inputs with prefixes, suffixes, or buttons.

Accessible label associated with form controls.

Animated loading indicator.

Multi-line text input with controlled resize.

Contextual messages for info, success, and errors.

Modal that interrupts with important content.

Show the completion status of an operation.

Placeholder while content is loading.

Stacked, dismissible notifications.

Imperative toast API; call from anywhere.

Select one or more options from a list.

Searchable autocomplete with popover.

Wrapper that wires label, description, and error.

Drag & drop or click-to-upload file input.

Styled native HTML select element.

Numeric field with increment and decrement.

Segmented digit input for one-time passwords.

Secure text field with show/hide toggle.

Mutually exclusive set of options.

Star-based rating selector and display.

Custom dropdown selection control.

Range input control for numeric values.

Binary on/off toggle control.

Multi-value chip input with shortcuts.

Two-state button (on/off).

Set of toggle buttons; single or multiple.

Constrain content to a width-to-height ratio.

User profile image with initials fallback.

Lightweight SVG line, area, and bar charts.

Placeholder for sections with no content.

List item with media, content, and actions slots.

Display keyboard shortcuts and key combinations.

KPI metric card with trend indicator.

Chronological list of events with status.

Heading, paragraph, and prose primitives.

Dashboard card with chart, headline value, and legend.

KPI card with sparkline and status accent.

Single financial transaction line item.

Credit-card-style visual for balances and wallets.

Bank-account widget with hide toggle, breakdown, and yield.

Complete UI kit for Brazilian Pix transfers.

Filterable list of transactions grouped by date.

Trust level + fingerprint for an account device.

Impossible-travel detection card with speed analysis.

Badge/bar/gauge for a 0–100 (or custom-scale) score.

Fraud triage alert with signals and 3 canonical actions.

Donut/bar/list portfolio mix with rebalance hints.

Bids/asks book with depth bars and spread indicator.

Single position card with sparkline and P&L.

P&L headline with period selector and sparkline.

Price chip plus a marquee tape variant.

Composable table primitives.

Pre-built table with sorting and pagination.

Month-grid date picker.

Compact input that opens a calendar.

Collapsible panels for progressive disclosure.

Sliding gallery with prev/next controls.

Toggle the visibility of any section.

Adjustable panels separated by handles.

Custom-styled scrollable container.

Visual divider between content.

Composable, collapsible sidebar layout.

Multi-step wizard with progress tracking.

Tabbed navigation for switching views.

Hierarchical path showing the user's location.

Persistent menubar like desktop apps.

Top-level nav with dropdown panels.

Navigate between pages of paginated content.

Searchable command palette.

Menu shown on right-click.

Bottom-anchored mobile-friendly panel.

Menu next to a trigger with actions.

Preview content shown on hover.

Focused dialog that interrupts the flow.

Floating panel anchored to a trigger.

Side-anchored panel overlay.

Contextual information on hover or focus.