Skip to main content

A curated list of awesome things related to shadcn/ui.

21k
GitHub Stars
520
Curated Resources
12
Categories
17 hours ago
Last Refreshed
Libs and ComponentsRegistriesPlugins and ExtensionsColors and CustomizationsAnimationsToolsWebsites and PortfoliosPlatformsPortsDesign SystemBoilerplates / TemplatesDevelopment & Contributing

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 →