Skip to content

Build interfaces that feel finished.

149 React components and 87 blocks with motion built in. Add them with the shadcn CLI, or point your AI tool at the docs and let it build.

Open the menus, pick a range, send a message. Nothing here is a recording.

Browse all 149 components
Live components

Components cover single jobs, like picking a date or confirming a delete. Blocks put them together into flows you can drop into a product: scheduling, triage, onboarding.

Read the introduction

Scrub the chart and the balance counts to each day. Add or send funds and it counts to the new amount.

Try the wallet block

Availability picker

Pick a slot that works for everyone, then confirm it.

Time dial Pro

Spin the dial to find a call time across time zones.

87 blocks, from sign in forms to dashboardsExplore all 87 blocks

Titles can reveal by blur, word, line or wipe.

In-view title, four variants

Archive or snooze a message and the list closes the gap.

Explore the inbox block

Read the docs

Run the shadcn command on its page, or copy the source. The installation guide covers the shared styles and dependencies.

Try it on its page, then install it with one command.