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/wds-shadcn-registry
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: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
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

Web Dev Simplified

A comprehensive guide on creating a custom shadcn/ui component registry that allows developers to build, share, and install reusable components across projects. The tutorial covers setting up the registry.json configuration file, organizing component files with proper import aliases, using the canary version of shadcn CLI for the experimental registry feature, and building a documentation site using Astro Starlight. The process enables one-click component installation similar to the official shadcn library, with support for component dependencies and custom themes.

How I Built My Own Shadcn Library