Skip to content
Web Dev Simplified
×0.6YouTube long-form

How I Built My Own Shadcn Library

WDWeb Dev Simplified@WebDevSimplified · 1.8M subscribers
Views
27.6K
27,550
Outlier
×0.6
Median 47.5K
Length
11:08
Published
Jul 8, 2025
Tuesday
Comments
21
770 likes

Script

No transcript

Scout reads the transcripts of each creator's 12 latest long-form videos. This one isn't among them yet.

Description

Shadcn is an awesome component library, but I often find myself creating my own custom components that I use in every project. Because of this, I created my own Shadcn registry that contains many components I use in every project. In this video I will show you how I created this registry, how you can create your own, and how you can contribute to this registry.

📚 Materials/References:

GitHub Repository: https://github.com/WebDevSimplified/w...

WDS Shadcn Registry: https://wds-shadcn-registry.netlify.app

🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com

My Courses: https://courses.webdevsimplified.com

Patreon:   / webdevsimplified

Twitter:   / devsimplified

Discord:   / discord

GitHub: https://github.com/WebDevSimplified

CodePen: https://codepen.io/WebDevSimplified

⏱️ Timestamps:

00:00 - Introduction

00:44 - Shadcn registry setup

08:30 - Documentation setup

#Shadcn #WDS #ReactJS

More from Web Dev Simplified

Search Scout

Search creators, videos and pages, then press Enter to open one.