Skip to content

The React UI library your AI agents can build with.

159 animated components and 91 blocks. Add them with the shadcn CLI or the MCP server.

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

Browse all 159 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.

91 blocks, from sign in forms to dashboardsExplore all 91 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.