awesome-shadcn-ui
github.com/birobirobiro/awesome-shadcn-ui ↗A curated list of awesome things related to shadcn/ui.
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me for the awesome list resources from awesome-shadcn-ui"
Installation instructions →What's inside
Colors and Customizations
- 10000+Themes for shadcn/ui
10000+ Themes for shadcn/ui.
- dizzy
Bootstrap a new Next or Vite project with shadcn/ui. Customize font, icons, colors, spacing, radii, and shadows.
- ewgenius/ui
Create custom themes for shadcn/ui effortlessly using vibrant palettes from Radix Colors.
- gradient-picker
Fancy Gradient Picker built with shadcn/ui, Radix UI, and Tailwind CSS.
Libs and Components
- 21st.dev
Open source npm for shadcn/ui components. Also: Dribble for design engineers. Install UI components via shadcn CLI, or publish your own.
- 21st.dev-agent-elements
Open-source registry of agent UI primitives — chat shell, tool-call cards (Bash, Edit, Search, Todo, Plan), clarifying questions, input bar, streaming markdown. Built on React 19, Tailwind v4, and the Vercel AI SDK.
- 8bitcn.com
A set of retro-designed, accessible components and a code distribution platform. Open Source. Open Code.
- 8starlabs-ui
A set of beautifully designed components designed for developers who want niche, high-utility UI elements that you won't find in standard libraries.
- aceternity-ui
Copy paste the most trending react components without having to worry about styling and animations.
- adapttable
Data table for shadcn/ui in one import — URL-synced state, declarative filters with chips, column management and virtualization. Unstyled core pre-wired with the shadcn class preset.
Tools
- 5devs
A website to get fake Brazilian data for testing purposes.
- bento-hub
BentoHub is an application where you can create a bento grid for your GitHub profile readme.
- cheatsheet
A comprehensive, interactive reference for shadcn/ui components with live previews, code examples, and instant copy functionality.
- country-data-in-charts
Globe Graph is a web app that visualizes countries' data like GDP, GDP per capita, and population in different years using many charts.
- cut-it
Link shortener built using Next.js App Router, Server Actions, Drizzle ORM, Turso, and styled with shadcn/ui.
- cv-forge
Resume builder built with @shadcn/ui, react-hook-form, and react-pdf.
Registries
- 7ovr
Free, production-ready blocks built on Base UI for marketing and application UIs. Copy, paste, and ship in minutes.
- dominik-ui
Opinionated components and tools for building modern websites and AI interfaces.
- efferd
ready-to-use shadcn blocks that just work — modern, responsive, and built for speed.
Boilerplates / Templates
- a11y-starter-kit
Free WCAG 2.1 AA starter kit with accessible components, custom a11y hooks, and dark mode. Built with Next.js 16, Tailwind CSS v4, and shadcn/ui.
- agentic-react-nextjs-shadcn
Agent-testable SaaS starter built with Next.js 16, shadcn/ui, and Tailwind CSS. Includes accessibility-first components, semantic HTML for AI agent testing, and production-ready patterns.
- astro-erudite
An opinionated, unstyled static blogging template—built with Astro, Tailwind, and shadcn/ui.
- atomic-crm
Open-source React CRM built on top of Supabase Demo site
- autoflow
An open source GraphRAG (Knowledge Graph) built on top of TiDB Vector, LlamaIndex, and DSPy. Demo site .
- browser-extension-starter-plasmo-shadcn-trpc
Browser extension starter kit featuring Plasmo, React, Shadcn, and tRPC.
Websites and Portfolios
- andrewsam.xyz
A revamped version of the popular tailwind-nextjs-starter-blog using shadcn/ui, along with a resume section and experience timeline component.
- anishshobithps.com
Personal portfolio of a software developer, grid-styled design .
- birobirobiro.dev
A personal developer portfolio.
- bucharitesh.in
A minimal portfolio with awesome craft's registry.
- chanhdai.com
A minimal portfolio, component registry, and blog.
- devfolios
Find best portfolio inspiration from all over the internet
Ports
- Angular
Angular port of shadcn/ui.
- Basecoat
Vanilla HTML, CSS and JS port of shadcn/ui.
- Flutter
Flutter port of shadcn/ui.
- Forui
Forui is a Flutter UI library heavily inspired by shadcn/ui
- Franken UI
HTML-first, framework-agnostic, beautifully designed components that you can truly copy and paste into your site. Accessible. Customizable. Open Source.
- JollyUI
shadcn/ui compatible react aria components.
Animations
- animata
Hand-crafted ✍️ interaction animations and effects from around the internet 🛜 to copy and paste into your project.
- animate-ui
A fully animated, open-source React component distribution. Browse a list of animated primitives, components and icons you can install and use in your projects.
Showing a sample of 455 resources. View the full list on GitHub →