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 ๐Ÿ™.