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.

ClickUp-style board - openable cards, composer, drag & drop.

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.

FX conversion field with swap - rate-as-prop.

ATM-style currency field - integer cents, Intl mask.

Complete UI kit for Brazilian Pix transfers.

Filterable list of transactions grouped by date.

Card entry with brand detection (incl. Elo/Hipercard) and Luhn.

Brazilian postal code with single-fire lookup hook.

Parcelamento options with Price-table interest.

Linha digitável with copy - completes the BR payment trio.

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.

Dependency-free OHLC candles with wicks and axes.

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.

Inline trend line with auto up/down coloring.

Price chip plus a marquee tape variant.

Scanner-style input with active indicator and recent reads.

Counter for each banknote/coin denomination with total.

Brazilian document input with dynamic mask and DV validation.

Customer autocomplete with VIP tier and purchase history.

Toggle between percent and value with effective preview.

Touch-friendly 3×4 keypad for cash entry and price input.

Kitchen-display ticket with timer, item list, and status.

Method tiles + the capture panel each method needs to run.

QR code display with countdown, copy code, and paid state.

Sale items with qty +/-, subtotals, tax, and grand total.

Touch-grid tile with image, price, stock badge, quick-add.

Round icon buttons in a grid for shortcuts/favorites.

Thermal/A4 printer-style receipt with store header.

Goal progress card with bar, percentage, and trend arrow.

Open/close shift card with sales, transactions, cash count.

Divide a bill across N people (equal / by item / custom).

Visual grid of tables with status (free/busy/reserved).

Tip selector with split per person and total preview.

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.