DEV Community

Cover image for 5 Awesome Shadcn Extensions That Will Enhance Your Project πŸ”₯🎨
Martins Gouveia
Martins Gouveia

Posted on

5 Awesome Shadcn Extensions That Will Enhance Your Project πŸ”₯🎨

1. Shadcn Form 🧰

Create forms with Shadcn, react-hook-form and zod within minutes.

Manual form-building processes lead to inefficiencies, wasting time on repetitive tasks that could be automated for faster delivery.

Source: https://www.shadcn-form.com/

2. Shadcn Phone Input ☎️

An implementation of a Phone Input component for React, built on top of Shadcn UI's input component.

Customizable phone input component with proper validation for any country. Built on top of shadcn.

Source: https://shadcn-phone-input.vercel.app/

3. Shadcn Extension πŸ“¦

Shadcn extension is an extend for Shadcn/ui component library that provides a set of components for building web applications. It is built on top of Shadcn/ui.

Shadcn extension is a set of components that are built on top of Shadcn-ui . It extends the component that are provided by shadcn and use the one there to build some common component for the most web apps.

Source: https://shadcn-extension.vercel.app/docs/introduction

4. Dropzone πŸ–ΌοΈ

A Shadcn/UI style component for file uploads.

Source: https://shadcn-dropzone.vercel.app/docs

Top comments (4)

Collapse
 
edlavio profile image
Pedro Alberto

Well done πŸ‘ŒπŸΏ

Collapse
 
martygo profile image
Martins Gouveia

Thanks friend! πŸ™

Collapse
 
haskup profile image
Hasan Harman

Thanks a lot for sharing the shadcn-form πŸ™Œ

Collapse
 
martygo profile image
Martins Gouveia

You're welcome πŸ™.