GitHub

Components

Every part is a folder in the registry — preview, CSS and JS are the same files you copy.

Form & Input

Button stable

Black leads; lines and ghosts support. Hover, disabled and loading states included.

actionctasubmit

Checkbox / Radio stable

Native inputs with a restyled face. Keyboard support and form behavior stay intact.

formchoiceradio

Copy field beta

A value that exists to be copied: install commands, tokens, links. One click, confirmed in place.

copyclipboardtokencommand

Field beta

The wrapper every control deserves: a label, a hint, and an error that knows which input it belongs to.

formlabelvalidation

Input stable

Labels, helper text, error states and a search variant. A focus ring wraps the field.

formtextfield

Input OTP beta

Six boxes for a code that arrives somewhere else — typed, pasted, or autofilled as one.

code2faverification

Radio group beta

One choice from a visible set. The dot scales in; nothing else moves.

formchoicesingle

Rating beta

Five stars, no JavaScript — a radio group wearing its meaning on its face.

starsreviewscore

Segmented control beta

A row of radios wearing one pill. Switching views or modes, cast as a single control.

formtoggleviewradio

Select beta

A native select, dressed in KATA tokens. The platform picker and keyboard support come free.

formdropdownnative

Slider beta

A range with a filled track and the core in the thumb — the mark shows where your grip is.

rangeinputvolume

Stepper beta

A number with minus and plus on either side, cast as one control. Bounds are enforced, not suggested.

numberquantityincrement

Switch stable

A real checkbox underneath, so it works with no JS at all. Teal variant included.

toggleformsettings

Textarea beta

Multi-line input on the same mold as Input: same border, same ring, same heights logic.

formtextmultiline

Layout & Navigation

Overlays & Dialogs

Feedback & Status

Display & Media

Avatar beta

Initials first, photo when there is one. Three sizes, a status dot, and a stacking group.

userprofileinitials

Bar Chart beta

Columns for comparing a handful of values — the chart people read correctly at a glance.

chartcolumnscomparison

Card beta

The universal container: a hairline box with a header, a body and a footer that agree with each other.

containerpanel

Carousel beta

A row of panels that scrolls like it means it — snap points, real buttons, no autoplay.

galleryscroll-snap

Chip beta

A small labeled thing that can be removed, selected, or both — tags, filters, people.

tagfilterremovable

Donut Chart beta

Parts of a whole, as a ring — with the one segment that matters wearing the core.

chartringshare

Gauge beta

One number against its limit, as an arc — health you can read from across the room.

chartmeterhealth

Glass Panel beta

A translucent panel that floats over bright surfaces — the menu in front of the aurora.

glasstranslucentoverlay

Heatmap beta

A calendar of intensity — the contribution-graph pattern, for activity that has rhythm.

chartactivitycalendar

Kbd beta

Keyboard keys as small cast pieces: a bottom edge, mono type, nothing else.

keyboardshortcuthint

Line Chart beta

One series over time, drawn in — the shape of a trend, with the area under it kept quiet.

charttrendarea

List beta

Rows of like things: a face or an icon, a title, a whisper of meta, and somewhere to go.

rowsindex

Stat beta

One number, its name, and which way it moved. Tabular figures, quiet deltas.

metricdashboardkpinumber

Table stable

The admin staple — a quiet header, hairline rows, and a Badge for status.

datalistadmin

Timeline beta

Events on a rail, newest last. The current step carries the core.

historylogeventssteps

Motion