Components

A library of primitives I build and obsess over — each one a study in affordance, motion, and the details most libraries skip.

Foundations

Button

shippeddraftnewdeprecated

Badge

press Ctrl K to toggle devtools

Kbd

Sound layer

wave a

one capturing listener, six synthesized gestures.

anything with an interactive role taps on click. components that own a paired sound mark themselves data-silent and the layer steps aside.

Card

Craft

each entry is a live demo plus the decisions behind it.

wave a

10 components

foundations

Separator

Email

Label

Input

Project brief

Textarea

Skeleton

APMV

AP

Abraham Philip

principal design engineer

Avatar

Controls

Public profile

Weekly digest

Legacy API (retired)

Switch

Email notifications

Release notes

Mentions

Managed by your team

Checkbox

Everything

Mentions only

Nothing

Radio Group

Toggle

Toggle Group

Volume40

←→ step by 1, PgUpPgDn leap by 10

Slider

Uploading photos…13%

Waiting for the server…

Progress

Disclosure & Overlays

Accordion

3 pinned experiments

craft/sound-palette

Collapsible

Twelve components shipped this wave, all on Radix primitives with the house motion vocabulary.

Tabs

Tooltip

Popover

Shipped the overlay wave with @abrahamphilip this morning.

Hover Card

Dialog

Alert Dialog

Menus & Feedback

Dropdown Menu

right click here

Context Menu

Select

initial tokensv0.1.0

button + badgev0.2.0

dark ladderv0.3.0

sound layerv0.4.0

focus ring auditv0.4.1

card + avatarv0.5.0

field hairlinesv0.6.0

motion vocabularyv0.7.0

kbd + separatorv0.7.1

skeleton shimmerv0.8.0

switch + checkboxv0.9.0

dialog + drawerv0.10.0

tooltip timingv0.10.1

tabs + togglev0.11.0

popover origin fixv0.11.1

accordionv0.12.0

menusv0.13.0

select popperv0.13.1

scroll chromev0.14.0

toast + notifyv0.15.0

Scroll Area

Toast