[21st home](/content/site-root.html)

ReUI

Search `K`

[Pricing](/content/pricing/index.html) Sign in

## ReUI components

### Carousel

8

### Carousel

10

### Carousel

6

### Carousel

34

### Command

2

### Command

49

### Dialog

5

### Dialog

4

### Dialog

6

### Dialog

23

### Form

9

### Base Avatar

6

### Base Avatar

4

### Base Avatar

### Base Avatar

6

### Base Avatar

3

### Base Avatar

6

### Base Avatar

4

### Base Avatar

3

### Base Popover

4

### Base Popover

14

### Navigation Menu

118

### Base Menu

9

### Base Menu

5

### Base Menu

39

### Base Input

1

### Base Input

1

### Base Input

### Base Input

3

### Base Input

2

### Base Input

### Base Input

### Base Input

2

### Base Badge

2

### Base Badge

3

### Base Badge

7

### Base Badge

3

### Base Badge

### Base Badge

### Base Badge

1

### Base Badge

1

### Base Badge

1

### Base Badge

1

### Base Badge

3

### Base Badge

4

### Base Button

### Base Button

1

### Base Button

1

### Base Button

4

### Base Button

1

### Base Button

5

### Base Button

1

### Base Button

4

### Base Button

1

### Base Button

2

### Base Button

### Base Button

### Base Button

### Base Button

1

### Base Button

2

### Base Accordion

### Base Accordion

### Base Accordion

### Base Accordion

### Base Accordion

2

### Hover Card

3

### Menubar

4

### Sortable

13

### Sortable

15

### Sortable

44

### Rating

12

### Rating

5

### Rating

1

### Rating

4

### Rating

### Rating

4

### Resizable

7

### Resizable

1

### Resizable

6

### Context Menu

9

### Navigation Menu

132

### Data Grid Table

5

### Data Grid Table

8

### Data Grid Table

7

### Data Grid Table

5

### Data Grid Table

3

### Data Grid Table

6

### Data Grid Table

3

### Data Grid Table

2

### Data Grid Table

1

### Data Grid Table

5

### Data Grid Table

1

### Data Grid Table

2

### Data Grid Table

4

### Data Grid Table

3

### Data Grid Table

3

### Data Grid Table

4

### Data Grid Table

7

### Data Grid Table

6

### Data Grid Table

2

### Data Grid Table

23

### Checkbox

6

### Checkbox

1

### Checkbox

### Checkbox

10

### Checkbox

15

### Sheet

2

### Sheet

15

### Sheet

14

### Area Charts 2

196

### Line Charts 9

224

### Line Charts 8

110

### Line Charts 6

160

### Line Charts 5

51

### Line Charts 4

96

### Toggle Group

12

### Toggle Group

11

### Toggle Group

16

### Toggle Group

32

### Line Charts 1

123

### Line Charts 2

114

### File Upload

### File Upload

5

### File Upload

15

### File Upload

1

### File Upload

14

### File Upload

6

### File Upload

12

### Area Charts 1

199

### Chart

44

### Statistics Card 12

35

### Statistics Card 15

49

### Statistics Card 8

58

### Statistics Card 7

91

### Progress

13

### Progress

29

### Progress

14

### Progress

35

### Progress

4

### Calendar

### Calendar

1

### Drawer

4

### Context Menu

6

### Statistics Card 14

6

### Statistics Card 13

145

### Statistics Card 10

126

### Statistics Card 5

301

### Statistics Card 2

67

### Breadcrumb

### Breadcrumb

### Code

1

### Code

1

### Code

4

### Code

3

### Kanban

95

### Statistics Card 1

138

### Hover Card

1

### Toggle Group

### Toggle Group

### Toggle Group

### Toggle Group

### Resizable

5

### Resizable

2

### Resizable

6

### Dropdown Menu

2

### Dropdown Menu

3

### Dropdown Menu

38

### Table

20

### Tree

10

### Tree

6

### Tree

7

### Tree

### Toggle

### Toggle

1

### Toggle

1

### Toggle

3

### Tabs

9

### Tabs

66

### Tabs

4

### Tabs

32

### Scroll Area

87

### Popover

30

### Sonner

2

### Sonner

1

### Slider

4

### Separator

### Card

36

### Card

22

### Breadcrumb

### Breadcrumb

### Breadcrumb

1

### Tooltip

3

### Tooltip

14

### Tooltip

25

### Textarea

### Textarea

3

### Textarea

3

### Textarea

6

### Tabs

2

### Tabs

30

That's all 200 components

## Related libraries

Origin UI

by [Origin UI](/content/@originui/index.html)

44

components

[Origin UI — 44 components](/content/@originui/library/origin-ui/index.html)

Kokonut UI

by [Kokonut Baffier](/content/@kokonutd/index.html)

49

components

[Kokonut UI — 49 components](/content/@kokonutd/library/kokonut-ui/index.html)

cult ui

by [cult/ui](/content/@cult-ui/index.html)

20

components

[cult ui — 20 components](/content/@cult-ui/library/cult-ui/index.html)

Aceternity UI

by [Manu Arora](/content/@manuarora700/index.html)

87

components

[Aceternity UI — 87 components](/content/@manuarora700/library/aceternity-ui/index.html)

Ruixen UI

by [Ruixen](/content/@ruixen.ui)

388

components

[Ruixen UI — 388 components](/content/@ruixen.ui/library/ruixen-ui/index.html)

shadcn/ui

by [shadcn](/content/@shadcn/index.html)

87

components

[shadcn/ui — 87 components](/content/@shadcn/library/shadcn-ui/index.html)

## 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.

## All 95ReUI components

- [3D Testimonails](/content/@sean0205/components/3d-testimonails/index.html)
- [Accordion](/content/@sean0205/components/accordion-1/index.html)
- [Accordion](/content/@sean0205/components/accordion/index.html)
- [Alert](/content/@sean0205/components/alert-1/index.html)
- [Alert](/content/@sean0205/components/alert/index.html)
- [Alert Dialog](/content/@sean0205/components/alert-dialog/index.html)
- [Area Charts 1](/content/@sean0205/components/area-charts-1/index.html)
- [Area Charts 2](/content/@sean0205/components/area-charts-2/index.html)
- [Avatar](/content/@sean0205/components/avatar/index.html)
- [Badge](/content/@sean0205/components/badge-2/index.html)
- [Badge Variants](/content/@sean0205/components/badge-variants/index.html)
- [Base Accordion](/content/@sean0205/components/base-accordion/index.html)
- [Base Avatar](/content/@sean0205/components/base-avatar-1/index.html)
- [Base Badge](/content/@sean0205/components/base-badge/index.html)
- [Base Button](/content/@sean0205/components/base-button/index.html)
- [Base Input](/content/@sean0205/components/base-input/index.html)
- [Base Menu](/content/@sean0205/components/base-menu/index.html)
- [Base Popover](/content/@sean0205/components/base-popover/index.html)
- [Beam Grid Hero](/content/@sean0205/components/beam-grid-hero/index.html)
- [Breadcramb](/content/@sean0205/components/breadcramb/index.html)
- [Breadcrumb](/content/@sean0205/components/breadcrumb/index.html)
- [Button](/content/@sean0205/components/button-1/index.html)
- [Button](/content/@sean0205/components/button/index.html)
- [Calendar](/content/@sean0205/components/calendar/index.html)
- [Calendar](/content/@sean0205/components/calendar-1/index.html)
- [Card](/content/@sean0205/components/card/index.html)
- [Carousel](/content/@sean0205/components/carousel/index.html)
- [Chart](/content/@sean0205/components/chart/index.html)
- [Checkbox](/content/@sean0205/components/checkbox-1/index.html)
- [Checkbox](/content/@sean0205/components/checkbox/index.html)
- [Code](/content/@sean0205/components/code/index.html)
- [Collapsible](/content/@sean0205/components/collapsible/index.html)
- [Command](/content/@sean0205/components/command/index.html)
- [Context Menu](/content/@sean0205/components/context-menu/index.html)
- [Context Menu](/content/@sean0205/components/context-menu-1/index.html)
- [Data Grid Table](/content/@sean0205/components/data-grid-table/index.html)
- [Dialog](/content/@sean0205/components/dialog/index.html)
- [Drawer](/content/@sean0205/components/drawer/index.html)
- [Dropdown Menu](/content/@sean0205/components/dropdown-menu/index.html)
- [File Upload](/content/@sean0205/components/file-upload/index.html)
- [Form](/content/@sean0205/components/form/index.html)
- [Hover Card](/content/@sean0205/components/hover-card/index.html)
- [Hover Card](/content/@sean0205/components/hover-card-1/index.html)
- [Hover Velocity Hero](/content/@sean0205/components/hover-velocity-hero/index.html)
- [Input](/content/@sean0205/components/input/index.html)
- [Kanban](/content/@sean0205/components/kanban/index.html)
- [Kbd](/content/@sean0205/components/kbd-1/index.html)
- [Label](/content/@sean0205/components/label/index.html)
- [Line Charts 1](/content/@sean0205/components/line-charts-1/index.html)
- [Line Charts 2](/content/@sean0205/components/line-charts-2/index.html)
- [Line Charts 4](/content/@sean0205/components/line-charts-4/index.html)
- [Line Charts 5](/content/@sean0205/components/line-charts-5/index.html)
- [Line Charts 6](/content/@sean0205/components/line-charts-6/index.html)
- [Line Charts 8](/content/@sean0205/components/line-charts-8/index.html)
- [Line Charts 9](/content/@sean0205/components/line-charts-9/index.html)
- [Menubar](/content/@sean0205/components/menubar/index.html)
- [Mono Alerts](/content/@sean0205/components/mono-alerts/index.html)
- [Navigation Menu](/content/@sean0205/components/navigation-menu-1/index.html)
- [Navigation Menu](/content/@sean0205/components/navigation-menu/index.html)
- [Outline Accordion](/content/@sean0205/components/outline-accordion/index.html)
- [Pagination](/content/@sean0205/components/pagination/index.html)
- [Popover](/content/@sean0205/components/popover/index.html)
- [Progress](/content/@sean0205/components/progress-1/index.html)
- [Progress](/content/@sean0205/components/progress/index.html)
- [Rating](/content/@sean0205/components/rating/index.html)
- [Resizable](/content/@sean0205/components/resizable-1/index.html)
- [Resizable](/content/@sean0205/components/resizable/index.html)
- [Scroll Area](/content/@sean0205/components/scroll-area/index.html)
- [Select](/content/@sean0205/components/select/index.html)
- [Separator](/content/@sean0205/components/separator/index.html)
- [Sheet](/content/@sean0205/components/sheet/index.html)
- [Skeleton](/content/@sean0205/components/skeleton/index.html)
- [Slider](/content/@sean0205/components/slider/index.html)
- [Sonner](/content/@sean0205/components/sonner/index.html)
- [Sortable](/content/@sean0205/components/sortable/index.html)
- [Statistics Card 1](/content/@sean0205/components/statistics-card-1/index.html)
- [Statistics Card 10](/content/@sean0205/components/statistics-card-10/index.html)
- [Statistics Card 12](/content/@sean0205/components/statistics-card-12/index.html)
- [Statistics Card 13](/content/@sean0205/components/statistics-card-13/index.html)
- [Statistics Card 14](/content/@sean0205/components/statistics-card-14/index.html)
- [Statistics Card 15](/content/@sean0205/components/statistics-card-15/index.html)
- [Statistics Card 2](/content/@sean0205/components/statistics-card-2/index.html)
- [Statistics Card 5](/content/@sean0205/components/statistics-card-5/index.html)
- [Statistics Card 7](/content/@sean0205/components/statistics-card-7/index.html)
- [Statistics Card 8](/content/@sean0205/components/statistics-card-8/index.html)
- [Stepper](/content/@sean0205/components/stepper/index.html)
- [Svg Text](/content/@sean0205/components/svg-text/index.html)
- [Table](/content/@sean0205/components/table/index.html)
- [Tabs](/content/@sean0205/components/tabs/index.html)
- [Textarea](/content/@sean0205/components/textarea/index.html)
- [Toggle](/content/@sean0205/components/toggle-1/index.html)
- [Toggle Group](/content/@sean0205/components/toggle-group/index.html)
- [Toggle Group](/content/@sean0205/components/toggle-group-1/index.html)
- [Tooltip](/content/@sean0205/components/tooltip/index.html)
- [Tree](/content/@sean0205/components/tree/index.html)

## Frequently asked questions

### Is ReUI free to use?

### Does ReUI work with shadcn/ui?

### How do I install a ReUI component?

### What's the difference between ReUI and Origin UI?

## Browse by category

[Form1522](/content/community/components/s/form/index.html) [Button2043](/content/community/components/s/button/index.html) [Input949](/content/community/components/s/input/index.html) [Navigation Menu477](/content/community/components/s/navigation-menu/index.html) [Card1780](/content/community/components/s/card/index.html)

[Browse all component libraries →](/content/community/libraries/index.html)

ReUI — 95 React Components, Preview & Copy \| 21st
