Components

Swipeable panels with snap points and nested drawer support.

A searchable command palette with keyboard navigation.

Stacked, actionable notifications with progress and result states.

Focused confirmation for destructive actions.

Selectable, sortable data with filtering and pagination.

Local conversations, replies, unread messages and delivery states.

Initials, image fallbacks and overlapping participant groups.

Purposeful empty states with a clear next action.

A labelled measurement of storage, budget or quota.

Determinate and indeterminate task progress.

Quiet loading placeholders that preserve layout.

A navigable path with overflow support.

Accessible verification codes with paste and masking support.

Suggestions without restricting free text input.

Grouped tools with arrow-key navigation.

Single or multiple pressed tools with keyboard navigation.

Related checkboxes with select-all and mixed states.

Inputs composed with units, actions and contextual details.

Connected labels, descriptions and validation messages.

Accessible validation and local form submission.

A clear, responsive action with quiet secondary states.

A compact button for frequent toolbar actions.

A primary action with a menu of nearby alternatives.

Related actions joined into one surface with hairline dividers: a hover highlight glides between segments, the pressed one answers in place, and an attached menu can close the row.

Separate soft buttons in a quiet tray, with one shared highlight that morphs from button to button as you move, and a pressed state that settles in place.

Icon buttons in a compact group: the one you point at or focus grows to reveal its label while its neighbours slide aside, and an action confirms in place.

Copy a value with immediate confirmation.

Swap an action label while preserving its place and intent.

Icons that morph between states: menu to close, play to pause, copy to check, and more.

A destructive button that morphs into an inline confirmation, a spinner, and a result with undo.

Four smooth ways to move between light and dark appearance.

Confirm a destructive action by holding, not tapping.

Reveal row actions with a swipe, or from the same actions in a menu.

Acknowledge a post in one tap, with counts that roll.

A focused list of actions anchored to a trigger.

Secondary actions kept close to the selected object.

Your account, settings, theme, and sign out behind the avatar. Opens as a bottom sheet on phones.

A single line field with clear labels and useful states.

A multiline field for notes, descriptions, and longer text.

Capture sensitive text with a visible reveal control.

Show how strong a new password is while it is typed.

A recognizable search entry point with clear affordances.

An icon that morphs into a search field with results beneath it.

Rename in place: the text becomes a field without moving.

Enter a bounded number with clear increment controls.

A currency field with live grouping, stable width, rolling digits, and minor-unit output.

A phone field with a country picker, formatting as you type, and E.164 output.

A Figma-style number field: drag the label to scrub, or type values, units, and arithmetic.

Turn short text values into removable tags.

A textarea with @people and #channel mentions that act as single tokens, with suggestions at the caret.

Record key combinations into key caps, with conflict warnings, Kbd, and a searchable cheatsheet.

A compact choice field with a keyboard friendly menu.

Search and select from a list without leaving the field.

Select several values while keeping the field readable.

A select whose trigger grows into the list, with a gliding highlight and type-ahead.

Filter by a few facets with chips that morph as you pick them.

Selectable option cards with a sliding selection ring, price and description slots, and radio keyboard behavior.

A monthly and yearly switch with a savings badge and prices that roll to the new amount.

A binary choice with a precise, legible state.

Choose one option from a visible set.

A tactile toggle for settings that take effect immediately.

Switch between a small set of related views.

A simple, accessible way to capture a numeric opinion.

Pick a value or a range on a track that follows your finger.

A slider that stretches like rubber past its ends, with a swaying value tag and detents the thumb clicks into.

A price range over a live histogram of the data, lighting the bars inside the range and settling on bar edges.

A tape of ticks that slides under a fixed needle, with momentum, snapping, and a rolling readout.

Browse dates in a clear, compact month view.

Choose a date without losing context.

A range picker that grows from its trigger into two months with presets and a stretching range highlight.

Choose a time with sensible keyboard behavior.

A swatch that grows into a picker with format morphing, eyedropper, saved swatches, and contrast readout.