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
Registries
- 000h
MIT-licensed shadcn registry of React components with organic shapes and adjustable motion, covering core UI, charts, drawers, text effects, animated backgrounds and WebGL sculptures.
- 1st-pouf
An open-source claymorphism UI kit and shadcn-style registry for React, with reusable components, blocks, and templates built for Tailwind CSS 4.
- 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.
- 7ovr
Registry of shadcn/ui blocks and complete page templates built on Base UI and installable with the shadcn CLI; hundreds of the 580+ blocks are free, while the rest require a paid Pro license.
- 8bitcn-com
A set of retro-designed, accessible components and a code distribution platform. Open Source. Open Code.
Colors and Customizations
- 10000-themes-for-shadcn-ui
10000+ Themes for shadcn/ui.
- dialectcn
A living catalog of shadcn presets — brand-inspired, community-submitted, and occasionally random. Pick one, copy the code, ship the 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.
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.
- blockdex
Item-level search across public shadcn/ui registries that shows each component's install command, dependencies, and whether it is free, paid, or no longer available.
- cheatsheet
A comprehensive, interactive reference for shadcn/ui components with live previews, code examples, and instant copy functionality.
- compify
Open-source CLI that packages selected React Storybook stories into reviewable shadcn registry items, with a public component registry and a hosted editor that offers paid credit-based plans.
- create-next-shadcn-kit
CLI to scaffold a production-ready Next.js app with shadcn/ui, Tailwind CSS, optional state management (Redux Toolkit/Zustand), and preconfigured tooling like Husky.
Boilerplates / Templates
- 7ovr-landing-starter
Free Next.js landing page starter whose conventions and lint rules guide coding agents, with shadcn/ui preset theming and SEO checks.
- 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.
- browser-extension-starter-plasmo-shadcn-trpc
Browser extension starter kit featuring Plasmo, React, Shadcn, and tRPC.
- chadnext
Quick Starter Template includes Next.js 14 App Router, shadcn/ui, LuciaAuth, Prisma, Server Actions, Stripe, Internationalization, and more.
Libs and Components
- 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.
- agentcn
Production-ready agents, made simple. Ready to use, customizable AI agent recipes. Built on Eve and Flue.
- agents-ui
Agents UI is LiveKit’s open source component library built with React and shadcn for designing voice agent interfaces. Start with production-ready defaults, then customize every detail to match your brand.
- assistant-ui
React Components for AI Chat.
Animations
- aicanvas
Animated React and Tailwind components and blocks installable via the shadcn CLI, with an MIT-licensed free library (CLI installs need a free account) and a paid Premium tier for design systems and templates.
- animata
Hand-crafted ✍️ interaction animations and effects from around the internet 🛜 to copy and paste into your project.
- animated-header
Vercel-like animated header.
- animated-tabs
Vercel-like animated tabs.
- 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.
- atelier-ui
A React Three Fiber and Motion component system for React and Next.js. WebGL galleries, interactive cursors, smooth scroll effects and page transitions, built on one shared canvas and one scroll loop.
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-spartan
Angular port of shadcn/ui.
- basecoat
Vanilla HTML, CSS and JS port of shadcn/ui.
- blazor-simple-ui
Razor component library for Blazor, inspired by shadcn/ui.
- flutter-forui
Forui is a Flutter UI library heavily inspired by shadcn/ui
- flutter-shadcn-ui
Flutter port of 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.
Showing a sample of 520 resources. View the full list on GitHub →