Browsing and previewing every ReUI component on this page is free, and you can copy the TSX or install through the shadcn CLI at no cost. Check the individual listing for license details before shipping.

Does ReUI work with shadcn/ui?

Yes — ReUI components are built on the shadcn/ui foundation with Tailwind CSS, so they follow the conventions your shadcn project already uses: TSX source you own, utility-class styling, and theming through your existing tokens.

How do I install a ReUI component?

Three ways: copy the TSX straight from the component page, run the shadcn CLI with the component's registry URL, or fetch it through the Magic MCP from an AI coding agent like Cursor or Claude Code. All three land the same source in your project.

What's the difference between ReUI and Origin UI?

Both are shadcn-flavored component collections you can preview on 21st. ReUI leans toward complete interface patterns, while Origin UI is known for a large set of small copy-paste building blocks. The live previews on each page are the fastest way to judge which fits your project.

HomeBookmarks

ReUI

Open-source shadcn/ui components, blocks, and animated icons for React, with an MCP server for AI agents.

by Sean Hello

200components1.8Mviews15.6Kbookmarks

ReUI contents

Image Upload With Sorting

Conversion Funnel Donut Chart

Dialog Without Close Button

Lead Selection Combobox

Pipeline Stage Mover

Data Grid Tree Rows

Buy Sell Hold Toggle Group

Donut Chart With Center Total

Crosshatch Area Chart

Dotted Pattern Bar Chart

Bug Priority Pie Chart

3D Gradient Bar Chart

Diagonal Stripe Bar Chart

Area Chart with Glowing Dot Markers

Lighthouse Scores Radial Chart

Radar Score Chart

Revenue Bar Chart

Donut Chart With Center Stats

Animated Bar Chart

Custom Positioned Checkbox

Gradient Area Chart with Stripe Overlay

Ghost Button with Status Badge

Button with Count Badge

Button with Unread Badge

ReUI

Open-source shadcn/ui components, blocks, and animated icons for React, with an MCP server for AI agents.

by Sean Hello

200components1.8Mviews15.6Kbookmarks

ReUI contents

Image Upload With Sorting

Conversion Funnel Donut Chart

Dialog Without Close Button

Lead Selection Combobox

Pipeline Stage Mover

Data Grid Tree Rows

Buy Sell Hold Toggle Group

Donut Chart With Center Total

Crosshatch Area Chart

Dotted Pattern Bar Chart

Bug Priority Pie Chart

3D Gradient Bar Chart

Diagonal Stripe Bar Chart

Area Chart with Glowing Dot Markers

Lighthouse Scores Radial Chart

Radar Score Chart

Revenue Bar Chart

Donut Chart With Center Stats

Animated Bar Chart

Custom Positioned Checkbox

Gradient Area Chart with Stripe Overlay

Ghost Button with Status Badge

Button with Count Badge

Button with Unread Badge

Components
/
Sean Hello
/
ReUI

Related libraries

Origin UI

by Origin UI

44

components

Kokonut UI

by Kokonut UI

60

components

cult ui

by cult/ui

50

components

Aceternity UI

by Manu Arora

89

components

Ruixen UI

by Ruixen UI

347

components

Cnippet

by Cnippet

347

components

About ReUI

This page collects the 90+ ReUI components published on 21st — a React component library built on the shadcn/ui foundation with Tailwind CSS and TypeScript. The collection spans interface building blocks from form controls and steppers to navigation and data display, each with a live interactive preview so you can try the component before reading a line of source.

Preview and compare the ReUI components here, then copy the TSX directly, install through the shadcn CLI, or pull a component into Cursor or Claude Code over MCP. Because the components follow shadcn/ui conventions, they drop into an existing shadcn-based Next.js project without rework.