Topics / #shadcn-ui

Shadcn UI projects on GitHub

Copy-paste component collection pattern for building styled React UIs.

As of , the most-starred Shadcn UI projects on GitHub are ui-ux-pro-max-skill (136.6K stars), ui (125.8K stars) and full-stack-fastapi-template (46K stars). GitHub.Locker tracks 48 Shadcn UI repositories with 766.8K stars combined. The fastest-growing on October 16 was solid-glass, with +393 stars in a day.

48Projects
766.8KStars in total
+1.4KStars in a day
Browse in the catalog →github.com/topics/shadcn-ui ↗

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.

+335

ui-ux-pro-max-skill

nextlevelbuilder/ui-ux-pro-max-skill · ★ 136.6K

UI UX Pro Max is an AI skill that gives coding assistants design intelligence — industry-specific style, color, typography and UX reasoning rules — so they can generate professional UI/UX across many frameworks and platforms.

+161

gpui-kit

longbridge/gpui-kit · ★ 17.9K

GPUI Kit is a Rust framework for building cross-platform desktop apps on top of GPUI (Zed Industries' UI engine), combining a styled component library, a headless behavior layer, and an extension layer that opens the app to JavaScript.

+63

ai-website-cloner-template

JCodesMore/ai-website-cloner-template · ★ 36.9K

A GitHub template that lets an AI coding agent clone any website into a working Next.js project just by giving it the URL.

The all-time top

48 projects · by stars

  1. #1 · nextlevelbuilder/ui-ux-pro-max-skill

    ui-ux-pro-max-skill

    UI UX Pro Max is an AI skill that gives coding assistants design intelligence — industry-specific style, color, typography and UX reasoning rules — so they can generate professional UI/UX across many frameworks and platforms.

    136.6K
  2. #2 · 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
  3. #3 · fastapi/full-stack-fastapi-template

    full-stack-fastapi-template

    A full-stack web application template that bundles a FastAPI Python backend with a React/TypeScript frontend, a PostgreSQL database, and Docker Compose, giving you authentication, an admin dashboard, and deployment config already wired up.

    46K
  1. 4

    ai-website-cloner-template

    36.9KJCodesMore/ai-website-cloner-template · TypeScript

    A GitHub template that lets an AI coding agent clone any website into a working Next.js project just by giving it the URL.

  2. 5

    vue-vben-admin

    33.6Kvbenjs/vue-vben-admin · TypeScript

    Vue Vben Admin is a free, open-source middle and back-end admin panel template built with Vue3, Vite, TypeScript, and a monorepo structure, meant to be used out-of-the-box or as a learning reference.

  3. 6

    react-starter-kit

    23.7Kkriasoft/react-starter-kit · TypeScript

    React Starter Kit is a full-stack monorepo template for building SaaS applications, combining React 19, tRPC, and Drizzle ORM into a single type-safe contract from the database up to the UI, deployed on Cloudflare Workers.

  4. 7

    magicui

    22.7Kmagicuidesign/magicui · MDX

    Magic UI is a free, open-source UI library for design engineers: animated components and effects you copy and paste straight into your apps.

  5. 8

    chatbot

    21Kvercel/chatbot · TypeScript

    An open-source AI chatbot template built by Vercel with Next.js and the AI SDK, meant as a starting point for building your own chatbot applications.

  6. 9

    awesome-shadcn-ui

    20.6Kbirobirobiro/awesome-shadcn-ui · TypeScript

    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.

  7. 10

    OpenStock

    20.3KOpen-Dev-Society/OpenStock · TypeScript

    OpenStock is an open-source, self-hosted stock market tracking app: track real-time prices, set personalized alerts, and explore company insights as a free alternative to paid market platforms.

  8. 11

    taxonomy

    19.3Kshadcn-ui/taxonomy · TypeScript

    It is an open source demo app showing how a modern product — with authentication, subscriptions, docs and a blog — comes together on Next.js 13's new app router and server components.

  9. 12

    json-render

    18.7Kvercel-labs/json-render · TypeScript

    json-render is a Generative UI framework: AI generates interfaces from natural language prompts, but output is constrained to a catalog of components you define, so you keep reliability and predictability while letting AI drive the UI.

  10. 13

    gemini-fullstack-langgraph-quickstart

    18.3Kgoogle-gemini/gemini-fullstack-langgraph-quickstart · Jupyter Notebook

    Google's fullstack quickstart for building research agents: a React frontend over a LangGraph backend powered by Gemini, which searches the web, reflects on gaps and returns answers with citations.

  11. 14

    gpui-kit

    17.9Klongbridge/gpui-kit · Rust

    GPUI Kit is a Rust framework for building cross-platform desktop apps on top of GPUI (Zed Industries' UI engine), combining a styled component library, a headless behavior layer, and an extension layer that opens the app to JavaScript.

  12. 15

    plate

    16.7Kudecode/plate · TypeScript

    Plate is an open-source rich-text editor framework for React: a plugin system on top of Slate, headless Radix-based primitives, ready-made shadcn/ui components, and AI support built in.

  13. 16

    saas-starter

    16.2Knextjs/saas-starter · TypeScript

    A free, open-source starter template for building a SaaS web app on Next.js, maintained under the official Next.js org: authentication, Stripe payments, and a dashboard for logged-in users come already wired up.

  14. 17

    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.

  15. 18

    inbox-zero

    12.6Kelie222/inbox-zero · TypeScript

    Inbox Zero is an open-source AI personal assistant for email that organizes your inbox, pre-drafts replies in your tone, manages your calendar, and organizes attachments.

  16. 19

    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.

  17. 20

    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.

  18. 21

    crm

    11.4Ktrycompai/crm · TypeScript

    Comp AI CRM is an open source, agentic-first CRM: instead of a database with a chat box bolted on, the AI agent is a standalone deployment that runs its own schedule and research queue, and the CRM is just where it writes down what it finds.

  19. 22

    magic-resume

    11.1KJOYCEQL/magic-resume · TypeScript

    Magic Resume is a free online AI resume editor that makes creating a professional resume simple and enjoyable — it runs at magicv.art, with the source available on GitHub.

  20. 23

    Zero

    10.9KMail-0/Zero · TypeScript

    Zero (Mail0) is an open-source, self-hostable email app that lets you connect Gmail, Outlook and other providers into one inbox, enhanced with AI agents, while keeping your data private.

  21. 24

    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.

  22. 25

    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.

  23. 26

    stitch-skills

    8.5Kgoogle-labs-code/stitch-skills · TypeScript

    Stitch Skills is a library of Agent Skills built to work with the Stitch MCP server (Google's AI design tool), letting coding agents generate, edit, and export UI designs and turn them into real code.

  24. 27

    app-store-screenshots

    7.4KParthJadhav/app-store-screenshots · TypeScript

    A skill for AI coding agents (like Claude Code, Cursor, Windsurf, OpenCode, and Codex) that scaffolds a full Next.js editor for creating App Store and Google Play marketing screenshots, complete with device frames, a connected canvas, and one-click export bundles at store-ready sizes.

  25. 28

    cult-ui

    6.6Knolly-studio/cult-ui · TypeScript

    Cult UI is a free, open-source collection of 150+ animated React components built with Tailwind CSS and Motion, distributed as shadcn/ui registry items so you can drop them straight into any shadcn/ui project.

  26. 29

    topcoat

    6.1Ktokio-rs/topcoat · Rust

    Topcoat is a batteries-included, modular Rust framework for building full-stack web apps, where components render on the server and can query the database directly.

  27. 30

    rlm

    5.7Kalexzhang13/rlm · Python

    RLM is an inference library implementing Recursive Language Models, a paradigm where an LLM offloads its context into a REPL environment and recursively calls itself (or sub-LLMs) to examine, decompose, and reason over near-infinite-length inputs.

  28. 31

    printfilm

    5.2Kyi1108/printfilm · Python

    PRINTFILM is a self-hosted platform that turns a topic or script into a finished short video or episodic AI comic/drama, covering the whole pipeline from script to storyboard to image generation to video generation to final cut.

  29. 32

    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.

  30. 33

    human-atlas

    4.3Kashemag/human-atlas · TypeScript

    An interactive 3D anatomy explorer that runs in your browser: the BodyParts3D adult male reference taken apart into 2,234 individually selectable meshes, 15 anatomical systems, and 3,432 searchable named concepts.

  31. 34

    design-extract

    4.2KManavarya09/design-extract · HTML

    Designlang (the 'design-extract' CLI) points a headless browser at any live URL and reads the site's complete design system off the DOM in one command, emitting 17+ files including DTCG tokens, Tailwind config, shadcn theme, Figma variables, motion tokens, component anatomy, and brand voice.

  32. 35

    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.

  33. 36

    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.

  34. 37

    blobatar

    1.5KAlain00/blobatar · TypeScript

    Blobatar is a dependency-free library that generates deterministic, geometric SVG avatars from any string — a username, email, or id — so the same input always produces the exact same picture.

  35. 38

    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.

  36. 39

    chatbot-template

    1.2Kshadcn-ui/chatbot-template · TypeScript

    A minimal chatbot template built with Next.js, the AI SDK, and shadcn/ui, wired up to run on the Vercel AI Gateway.

  37. 40

    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.

  38. 41

    github-release-monitor

    437iamspido/github-release-monitor · TypeScript

    GitHub Release Monitor is a self-hostable app that watches GitHub, GitLab, Codeberg and self-hosted Forgejo repositories for new releases and sends you email or Apprise notifications (Discord, Telegram, Slack and 70+ other services) when something new ships.

  39. 42

    youtubepro

    419AgriciDaniel/youtubepro · TypeScript

    YouTube Pro is a local-first workspace that combines public YouTube Data API v3 records with Gemini AI analysis to help you research topics, get grounded content ideas, write scripts, and generate thumbnails for a YouTube video.

  40. 43

    evondevKit

    412evondev/evondevKit · JavaScript

    evondevKit is a UI/UX skill for Claude Code and other AI coding agents that builds and polishes app UIs - dashboards, lists, tables, forms, settings, modals - using your project's own component library and colors.

  41. 44

    all-set-tw

    281TedLin1993/all-set-tw · TypeScript

    ALL SET (all-set-tw) is a self-hosted personal finance hub for Taiwan that automatically syncs your bank accounts, credit cards, brokerage holdings, and government e-invoices into one dashboard, so you can stop bookkeeping by hand.

  42. 45

    model-x-studio

    262ashemag/model-x-studio · TypeScript

    It is an interactive 3D Tesla Model X studio in the browser: a circular display platform with component descriptions, individual-piece isolation, and a progressive explosion slider covering all 334 mesh pieces of the car.

  43. 46

    zuse

    232swarajbachu/zuse · TypeScript

    Zuse is a chat-first desktop app that wraps multiple AI coding agent CLIs (Claude Code, Codex, Grok, Gemini, Cursor, OpenCode, Pi) in one persistent, project-aware interface, with chat history, a file viewer, an integrated terminal, and git worktrees, all stored locally.

  44. 47

    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.

  45. 48

    empire

    157thebuggeddev/empire · TypeScript

    Empire Atlas is an interactive 3D atlas that lets you explore domestic architecture across eight historical empires, from Ancient Egypt to the Mughal Empire, by orbiting detailed 3D dwelling models and reading annotated architectural features.

Often tagged together