Components

Primary action button with 4 variants, icon sizes and a loading state

Status badge, solid/soft/outline across 6 semantic colors, with a dot or an icon

A person or a thing as an image over its initials, with a presence dot and a stacked group

An icon in a tinted square, for a category, an account or a status, with a corner badge

Content card, default/featured/data variants in three sizes

Modal dialog built on Radix UI with accessible close button

A panel from the edge to create or edit without leaving the list, that asks before losing changes

A panel anchored to a trigger, for content you work in: a calendar, a filter

Sections that open in place, with a trailing value in the header and actions beside it

Dropdown menu with items, checkboxes, radio groups and submenus

Hover tooltip with optional keyboard shortcut hint

A key or a shortcut, as a chip or plain, that turns brand in a highlighted row

Editor file tabs, in place or as routes, with a travelling underline, a close button and a title bar variant

How far along: a bar, a bar in steps or a ring, as a progressbar with its value in words

Where someone is in a flow: an ordered list, an icon or a number in each marker, the state in words

Text input with default, search, and command (⌘K) variants

Multi-line text field in sans, with an error state

Checkbox over a native input, with a label, a description and a mixed state

On/off switch over a native checkbox, with an optional label

Label, control and error or hint, wired together for screen readers

Money typed like a cash machine or freely, pasted in any format, held in minor units

A value from a short list, in a form, with the field's look and the menu's rows

A value from a long list you can search: groups, several values, create on the spot

One choice out of a few, all in view, on native radios with a sliding indicator

A choice that needs more than a word: cards that are labels of native radios or checkboxes

A palette color by key, never a hex: native radios, each swatch named after its hue

A secret to copy once: masked, revealed on request, copied with a polite confirmation

A real file input to drop on or choose from, checking type and size, listing progress

A month of days to pick a day or a range from, in plain dates, on react-day-picker

A day, a range, a month or a year, picked from a calendar in a popover

Previous, the period, next and today, to walk through days, months or years

Toggle pill for one filter value, or an applied filter with a × to remove it

Horizontal nav bar with logo, breadcrumb, and actions slots

Floating theme + mode picker with no-flash ThemeScript helper

Dark/light only toggle, inline or floating, with no-flash ModeScript helper

App navigation: a 56px icon rail, or labeled with groups, search and footer that folds back to the rail

Bottom bar with four destinations and More, which opens a sheet

Dashboard tiles on the 12 column grid, each one a size container, entering in order

Code container with macOS chrome, language label and a copy-to-clipboard button

Money shown one way everywhere: mono, tabular, the real minus, a muted symbol

One number with its label, how it moved and against what; loads in its own shape

How a value moved: an arrow, a sign and the change, colored by whether that is good news

The shape of a series with no axes, wiping in once on screen, for a Metric's trend

The frame for Recharts: palette colors, a tooltip in full values, a legend from three series, the data as a table

A ranking in rows, each label in full on a bar as long as its share; server safe

A year of days as weeks, levels from the brand, one Tab stop walked by the arrows

A value hidden behind a mask of its width when the app asks, read as hidden value

The standard row of a list, with a leading tile, a truncating title and a trailing value

A real table that scrolls in its own box, with a sticky header and numbers on the right

Records to sort, select and hide columns in, on TanStack Table, virtualized past 500 rows

Filters built from fields, each one an applied pill, kept in the URL with serializeFilters

Where a question is written: grows, sends on Cmd Enter, stops while streaming, suggestions

A conversation by role, tool results in cards, streaming that keeps your place

A notice that stays until it is dealt with, its status in a tile and the corner glow

A list or a widget with nothing in it: what is missing, and the one thing to do

Toast notifications via Sonner, styled with entrepta tokens

Animated shimmer placeholder for loading states

⌘K command palette built on cmdk with groups, icons, and shortcuts

Entrance that rises and fades in once on screen, with a capped list stagger

Text that assembles piece by piece, with the full sentence always in the DOM

Odometer counter that rolls into place and turns once on hover

Text link with a traveling arrow and a brand rule that wipes in