If You Code with AI You Need to Follow this 10 Step Process

This CSS Dev Tool Makes Accessibility so Easy

Create Professional CSS Animations with This Dev Tool

Add Beautiful Blurry Image Loading With 3 Lines of Code

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

How I Built My Own Shadcn Library

If You Code with AI You Need to Follow this 10 Step Process

This CSS Dev Tool Makes Accessibility so Easy

Create Professional CSS Animations with This Dev Tool

Add Beautiful Blurry Image Loading With 3 Lines of Code