shadcn/ui

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code. (by shadcn-ui)

Shadcn/ui Alternatives

Similar projects and alternatives to shadcn/ui

  1. Next.js

    2,331 shadcn/ui VS Next.js

    The React Framework

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  3. React

    1,934 shadcn/ui VS React

    The library for web and native user interfaces.

  4. Tailwind CSS

    1,505 shadcn/ui VS Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  5. TypeScript

    1,423 shadcn/ui VS TypeScript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  6. supabase

    884 shadcn/ui VS supabase

    The open source Firebase alternative. Supabase gives you a dedicated Postgres database to build your web, mobile, and AI applications.

  7. vercel

    593 shadcn/ui VS vercel

    Develop. Preview. Ship.

  8. Bootstrap

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  10. Prisma

    482 shadcn/ui VS Prisma

    Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB

  11. zod

    366 shadcn/ui VS zod

    TypeScript-first schema validation with static type inference

  12. chakra-ui

    356 shadcn/ui VS chakra-ui

    Chakra UI is a component system for building SaaS products with speed ⚡️

  13. daisyui

    288 shadcn/ui VS daisyui

    🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

  14. zustand

    283 shadcn/ui VS zustand

    🐻 Bear necessities for state management in React

  15. mantine

    248 shadcn/ui VS mantine

    A fully featured React components library

  16. antd

    234 shadcn/ui VS antd

    An enterprise-class UI design language and React UI library

  17. flowbite

    207 shadcn/ui VS flowbite

    Open-source UI component library and front-end development framework based on Tailwind CSS

  18. headlessui

    200 shadcn/ui VS headlessui

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

  19. material-ui-docs

    ⚠️ Please don't submit PRs here as they will be closed. To edit the docs or source code, please use the main repository: http://github.com/mui/material-ui.

  20. heroui

    54 shadcn/ui VS heroui

    🚀 Beautiful, fast and modern React UI library. (Previously NextUI)

  21. preline

    Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

  22. magicui

    UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

  23. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better shadcn/ui alternative or higher similarity.

shadcn/ui discussion

Log in or Post with

shadcn/ui reviews and mentions

Posts with mentions or reviews of shadcn/ui. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2025-05-01.
  • Show HN: Basecoat – shadcn/UI with none of the React
    1 project | news.ycombinator.com | 8 May 2025
    In a nutshell: Basecoat is a port of shadcn/ui to HTML and Tailwind CSS. It's a modern, themeable component library; everything from buttons to comboboxes and dialogs.

    Why? Well, I got sick of React and moved over to a more "old school" stack (Python, HTMX, Alpine.js and Tailwind).

    The one thing I missed was shadcn/ui [1]. Nice defaults, well thought out design system, easy to theme and great to build your own component library with.

    I didn't find the alternatives compelling: Flowbite, Preline and the likes encourage you to copy/paste dozens of classes for each element.

    That's not how I use Tailwind. I love the utility-first approach, but I don't want walls of classes for each button, form element or tooltip I have in my app.

    I had been building my own component library for a project I’m working on (a Vercel for Python apps) and realized it may be worth my time to firm things up.

    Why I think it's cool? Well:

    - No React. Just Tailwind CSS (with a tiny bit of Alpine.js if you choose to). You can use that with whatever stack you want.

    - Jinja and Nunjucks macros. I hope to support more template engines.

    - 100% compatible with shadcn/ui themes (you can play with the theme select box on the site).

    - Super easy to install and use (there's even a CLI).

    - Accessible, with ARIA support.

    - Did I mention no React?

    Hope some of you find it useful.

    [1]: https://ui.shadcn.com/

    [2]: https://v4.shadcn.com/ (this is actually the new/upcoming version of shadcn/ui).

  • My Go-To Toolkit: Top 10 Shadcn/ui Components I Rely On for Modern Web Development
    1 project | dev.to | 5 May 2025
    Shadcn/ui isn't a component library in the traditional sense. It's better described as a curated collection of beautifully designed, highly reusable UI primitives and components built using Radix UI for behaviour and accessibility, and Tailwind CSS for styling. The magic lies in its approach: you don't install it as a dependency. Instead, you use its CLI tool to copy the actual component code directly into your project. This means you own the code. You can tweak, modify, and style it exactly as you need, without fighting against library internals or complex specificity rules.
  • 25+ Top UI frameworks & libraries for Next.js
    10 projects | dev.to | 1 May 2025
    Explore ShadCN UI
  • Top 5 Free React UI Libraries to Use in 2025
    7 projects | dev.to | 1 May 2025
    shadcn/ui contains a set of beautifully designed and accessible components, and it works seamlessly with major React frameworks. It’s open-source and has amassed 85.5k (and counting) GitHub stars. It’s built on the shoulders of giants — Radix UI and Tailwind CSS, making it one of the best to work with. Unlike many other UI libraries, the components are not just installed as npm modules, they’re downloaded into your project. That gives you access to the source code and you can modify it if you want. I like this approach better because I can tweak aspects of a component if I want to.
  • 250+ Next.js UI Components from Top Libraries – All in One Free Collection
    5 projects | dev.to | 25 Apr 2025
    🖥️ Shadcn UI (Highly customizable components)
  • ✅ Crie uma to-do list com next, gemini, zustand, shadcn e tailwind 🐻
    2 projects | dev.to | 25 Apr 2025
    utilização de componentes prontos com shadcn
  • Why Are Buttons Losing the Pointer Cursor? The ShadCN and Tailwind Debate
    1 project | dev.to | 21 Apr 2025
    A github issue was opened but the change wasn’t a bug. It was a deliberate design choice buttons now use the default cursor by design.
  • NoteGen Markdown Editor
    3 projects | dev.to | 16 Apr 2025
    shadcn-ui
  • LLMs and the Ossification of APIs: Are We Stuck with Prehistoric Patterns?
    2 projects | dev.to | 11 Apr 2025
    I recently tested Replit to see if it supports a UI framework I like, Flowbite. The LLM acknowledged it was familiar with Flowbite, but then simply aliased shadcn in the import statement and proceeded with its previous patterns.
  • 10 Best Free UI Libraries Based on Tailwind CSS in 2025
    6 projects | dev.to | 10 Apr 2025
    🔗 shadcn/ui Website
  • A note from our sponsor - SaaSHub
    www.saashub.com | 18 May 2025
    SaaSHub helps you find the best software and product alternatives Learn more →

Stats

Basic shadcn/ui repo stats
309
86,928
9.7
6 days ago

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?