Skip to content
Components
COMPONENT LIBRARY

Find your building blocks.

Browse the library, try a few controls, then open a component’s reference or its existing examples.

TRY THE REAL THING

Components you can interact with.

These controls use the library itself. Toggle an option or switch between preview and code.

Build your first interface
REAL COMPONENTS. GO AHEAD, TRY THEM.
COMPONENT PREVIEW

Compose your
next interface.

Controlled inputs. Typed callbacks. Shared styling.

A real TextField and Button. No mockup.
CONTROLLED COMPONENTS

Inputs and controls.

Stay in the loopOnly the updates that matter.
All systems go⌘ KNew release
One component. Your style.
Not a screenshot. Your future building blocks.Explore Button

77 components

Layout

Center

Explore the Center component, its variants, and its interactions.

Inputs

File

Explore the File component, its variants, and its interactions.

Inputs

Form

Explore the Form component, its variants, and its interactions.

Inputs

Label

Explore the Label component, its variants, and its interactions.

Data Display

Text

Explore the Text component, its variants, and its interactions.

Layout

Vertical

Explore the Vertical component, its variants, and its interactions.