Topics / #shadcn

Shadcn projects on GitHub

Copyable React components built on Radix and Tailwind

As of , the most-starred Shadcn projects on GitHub are ui (125.8K stars), react-bits (49.4K stars) and awesome-shadcn-ui (20.6K stars). GitHub.Locker tracks 21 Shadcn repositories with 295.8K stars combined. The fastest-growing on October 16 was solid-glass, with +393 stars in a day.

21Projects
295.8KStars in total
+736Stars in a day
Browse in the catalog →github.com/topics/shadcn ↗

Hot right now

Most stars gained in a day · Oct 16

+393

solid-glass

deeplethe/solid-glass · ★ 1.4K

Solid Glass is a design system and theme for AI application interfaces, giving shadcn/ui components a 'glass' aesthetic that sits between flat design and fully transparent liquid glass.

+94

react-bits

DavidHDev/react-bits · ★ 49.4K

React Bits is an open-source library of animated, interactive React UI components for building eye-catching websites - 165+ ready-made components covering text animations, backgrounds and UI elements.

+82

hairline

lucasmarkes/hairline · ★ 2.2K

Hairline is a collection of nineteen small isometric line figures - like a keyboard, vault, laptop or router - that animate live as you move the pointer over them. It ships as a tiny library you can use in React or drop into any plain DOM project.

+53

ui

shadcn-ui/ui · ★ 125.8K

shadcn/ui is a collection of beautifully designed, accessible React components with thoughtful defaults that you copy into your own codebase instead of installing as a locked dependency, so you can customize and extend them freely.

The all-time top

21 projects · by stars

  1. #1 · shadcn-ui/ui

    ui

    shadcn/ui is a collection of beautifully designed, accessible React components with thoughtful defaults that you copy into your own codebase instead of installing as a locked dependency, so you can customize and extend them freely.

    125.8K
  2. #2 · DavidHDev/react-bits

    react-bits

    React Bits is an open-source library of animated, interactive React UI components for building eye-catching websites - 165+ ready-made components covering text animations, backgrounds and UI elements.

    49.4K
  3. #3 · birobirobiro/awesome-shadcn-ui

    awesome-shadcn-ui

    A curated list of awesome things related to shadcn/ui — an index of component libraries, individual components, templates and tools from the shadcn/ui ecosystem.

    20.6K
  1. 4

    shadcn-admin

    15.8Ksatnaing/shadcn-admin · TypeScript

    An open-source admin dashboard UI built with Shadcn UI (TailwindCSS + Radix) and Vite — a reusable collection of dashboard screens the author adapts for his own projects.

  2. 5

    assistant-ui

    12.6Kassistant-ui/assistant-ui · TypeScript

    assistant-ui is an open-source TypeScript/React library for building production-grade AI chat experiences fast, giving your app the UX of ChatGPT.

  3. 6

    mapcn

    12.3KAnmolSaini16/mapcn · TypeScript

    mapcn is a free, open-source library of ready-to-use React map components built on MapLibre GL and styled to match shadcn/ui, letting you drop maps into a React app with zero configuration.

  4. 7

    ui

    12.1Kcreativetimofficial/ui · TypeScript

    Creative Tim UI is a component library built on top of shadcn/ui that provides pre-built React components and ready-to-use blocks (modals, billing, footers, FAQs, ecommerce sections, Web3 cards) to speed up building modern web apps.

  5. 8

    shadcn-vue

    10.7Kunovue/shadcn-vue · TypeScript

    shadcn-vue is the Vue port of shadcn-ui: beautifully designed, accessible UI components that you can customize, extend, and build your own component library on.

  6. 9

    tweakcn

    10.5Kjnsahaj/tweakcn · TypeScript

    tweakcn is a visual no-code theme editor for Tailwind CSS and shadcn/ui components — you restyle your UI through a graphical editor instead of hand-writing theme code, starting from ready-made presets.

  7. 10

    lottie

    5.6Kdiffusionstudio/lottie · TypeScript

    Text-to-Lottie is an open-source framework that lets you generate production-ready Lottie animations by describing them in plain language to Claude Code, Codex, or any coding agent that supports skills.

  8. 11

    canvas-ui

    5KDavidHDev/canvas-ui · TypeScript

    Canvas UI is an open-source library of creative canvas components for building live, interactive web effects. Each component draws fluid simulations, shader effects, or 3D scenes directly over your real, still-clickable HTML.

  9. 12

    lint

    3.2Kshadcn-ui/lint · TypeScript

    An agent-first linter for Tailwind design systems: you define what is allowed, and when an agent breaks a rule the error explains what is wrong and suggests a fix using your components, variants, and theme.

  10. 13

    pdfcn

    2.9Kshadcn-labs/pdfcn · TypeScript

    pdfcn is a free, open-source collection of ready-to-use, customizable PDF components for React that you copy into your project and ship, rather than install as a dependency.

  11. 14

    hairline

    2.2Klucasmarkes/hairline · TypeScript

    Hairline is a collection of nineteen small isometric line figures - like a keyboard, vault, laptop or router - that animate live as you move the pointer over them. It ships as a tiny library you can use in React or drop into any plain DOM project.

  12. 15

    rare-ui

    1.8Kswamimalode07/rare-ui · TypeScript

    Rare UI is a shadcn registry of rare, ready-to-use UI components and animations that you install directly into your Next.js, Tailwind CSS and TypeScript codebase.

  13. 16

    cn

    1.7Kshadcn-ui/cn · TypeScript

    cn is a new engine for Tailwind CSS class merging and conflict resolution that replaces both tailwind-merge and clsx with the same APIs, full output parity, and much faster performance.

  14. 17

    solid-glass

    1.4Kdeeplethe/solid-glass · TypeScript

    Solid Glass is a design system and theme for AI application interfaces, giving shadcn/ui components a 'glass' aesthetic that sits between flat design and fully transparent liquid glass.

  15. 18

    shapeshift

    970anishfn/shapeshift · TypeScript

    Shapeshift is a single text input that morphs into the right UI widget as you type — an event card, checklist, timer, color picker, bill splitter, poll, converter and more — based on what it thinks you mean.

  16. 19

    arc-library

    797kuratlielia/arc-library · TypeScript

    A free, open source library of 100 React components and 22 blocks with calm, physical motion. Items install as plain source code via the shadcn CLI or copy-paste, and every one has a live preview at uiarc.dev.

  17. 20

    mdxcn

    435shadcn-labs/mdxcn · TypeScript

    mdxcn is a free, open-source set of ASCII-style React components — tables, charts, timelines, flows, and more — meant to sit next to prose in MDX or plain Markdown, designed to be copied into your own project rather than installed as a package.

  18. 21

    Monocharts

    189Subhan-code/Monocharts · TypeScript

    It is a curated collection of premium React micro-interaction components, transition effects, and animated card layouts (named @subhanhq/amicro), built on top of the Motion animation library.

Often tagged together