Loading video player...
Shadcn/ui changed how we build the web, but the community is taking it to the next level. awesome-shadcn-ui is a goldmine of custom components, landing pages, and themes that will save you hundreds of hours of frontend work. GitHub Repo: https://github.com/birobirobiro/awesome-shadcn-ui What You Will Learn: The Blueprint Revolution: Why copying code is often better than installing an npm package. Custom Components: Discovering advanced date-pickers, data tables, and multi-selects not found in the official docs. Theming & Styling: How to use the community's CSS variables and "Theme Generators" to change your app's look in seconds. Full Templates: Exploring open-source SaaS starters and admin dashboards built on the Shadcn stack. Portability: Seeing how Shadcn is expanding beyond React to Vue, Svelte, and even Flutter. Tech Stack & Setup: Shadcn/ui is built on Tailwind CSS and Radix UI. To use these resources, you usually need a project with Tailwind configured. You can use the npx shadcn-ui@latest add [component] command for official parts, or simply copy-paste code from the community projects found in this list. Resources: Official Site: https://ui.shadcn.com Curation Site: https://shadcn-ui-kit.com Radix UI (The Engine): https://www.radix-ui.com