THE BUILDING BLOCKS

Components.

34 thoughtfully crafted components. One shared visual language.

34 components

Disclosure

Accordion

Make room for the details.

Feedback

Alert

Messages with a clear purpose.

Actions

Button

A considered starting point for every action.

Layout

Card

A surface with a quiet sense of depth.

Forms

Checkbox

Small choices, beautifully clear.

Data display

Chip

A little context, a little color.

Data display

CodeBlock

Code that is as useful as it looks.

Motion

ContainerTextFlip

Words change. The layout stays composed.

Layout

Divider

A fine line with a soft edge.

Navigation

FloatingMenu

Quick access, in just the right place.

Motion

ImagesBadge

A small collection, ready to unfold.

Feedback

Progress

A clear signal of what comes next.

Forms

RadioGroup

One clear choice from a set of possibilities.

Forms

Rating

Give every star its moment.

Motion

ScreenReveal

A second layer, without losing your place.

Forms

SegmentedControl

A compact way to choose a view.

Forms

Select

The reliability of native selection.

Feedback

Skeleton

A thoughtful pause before the content.

Forms

Slider

Find just the right amount of light.

Forms

TextField

An input with room for the details.

Data display

Timeline

Make the sequence feel natural.

Forms

Toggle

An immediate change, clearly expressed.

Overlays

Dialog

A focused space for important decisions.

Overlays

Tooltip

A helpful detail, right when it is needed.

Overlays

Popover

Useful context, close to the action.

Overlays

DropdownMenu

Actions that stay out of the way.

Navigation

Tabs

Related views with a complete keyboard model.

Feedback

Toast

Timely feedback, without interrupting.

Data display

Avatar

A familiar face, with a useful fallback.

Data display

Badge

Status that can be read at a glance.

Feedback

Spinner

A clear, compact loading signal.

Feedback

EmptyState

An empty space with a useful next step.

Navigation

Breadcrumbs

A clear path back to the bigger picture.

Navigation

Pagination

A smaller window into a larger collection.