DEV Community

Cover image for 10 Component Libraries You Must Know To Use Shadcn UI!
Bytefer
Bytefer

Posted on • Edited on

10 Component Libraries You Must Know To Use Shadcn UI!

shadcn-ui is a modern React component library that provides developers with a set of highly customizable and accessible UI components.

Although Shadcn UI comes with a variety of built-in components, it still cannot meet the needs of different application scenarios. In this article I will share 10 useful components recommended by Awesome Shadcn UI.

Github awesome-shadcn-ui

Awesome Shadcn UI

1. Shadcn UI Sidebar (New)

A composable, themeable and customizable sidebar component.

MIT

Shadcn UI Sidebar

Sidebar Structure

2. Plate

Rich-text editor with shadcn/ui.

MIT / 11K+

Plate

Plate

3. Vaul

Vaul is an unstyled drawer component for React that can be used as a Dialog replacement on tablet and mobile devices.

MIT / 6.3K+

Vaul

4. Autoform

🌟 Automatically render forms for your existing data schema

MIT / 2.9K+

Autoform

5. shadcn-table

Shadcn table with server-side sorting, filtering, and pagination.

MIT / 2.7K+

shadcn-table

6. maily.to

Craft beautiful emails effortlessly with Maily, the powerful email editor that ensures impeccable communication across all major clients.

MIT / 1.6K+

maily.to

7. emblor

A fully-featured tag input component built with shadcn/ui

MIT / 706

emblor

8. date-range-picker-for-shadcn

DateRangePicker is a reusable component for shadcn using Radix UI and Tailwind CSS. Includes preset date ranges, text entry, calendar selection and date comparison.

MIT / 666

date-range-picker-for-shadcn

9. shadcn-minimal-tiptap

The Minimal Tiptap Editor is a lightweight, customizable rich text editor component built for Shadcn. It provides an intuitive interface for text formatting and editing.

MIT / 659

shadcn-minimal-tiptap

10. sortable

Sortable built with shadcn/ui, radix ui, and dnd-kit.

MIT / 438

sortable

In addition to the above 10 open source projects , Awesome Shadcn UI also introduces other projects , you can visit Awesome Shadcn UI to learn more Shadcn related projects.

Top comments (2)

Collapse
 
vrushank profile image
vrushank

Thanks for sharing this list. Really helpful. This form builder is really helpful while using shadcn.

Collapse
 
bytefer profile image
Bytefer

nice, I have added form-builder to awesome-shadcn-ui