DEV Community

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

Posted on • Updated 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 (0)