DEV Community

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

Posted on

24 3 3 3 4

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

1. Shadcn Form 🧰

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

Image description

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.

Image description

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.

Image description

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.

Image description

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

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (4)

Collapse
 
haskup profile image
Hasan Harman β€’

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

Collapse
 
martygo profile image
Martins Gouveia β€’

You're welcome πŸ™.

Collapse
 
edlavio profile image
Pedro Alberto β€’

Well done πŸ‘ŒπŸΏ

Collapse
 
martygo profile image
Martins Gouveia β€’

Thanks friend! πŸ™

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

πŸ‘‹ Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay