Shadcn UI
A set of beautifully-designed, accessible components and a code distribution platform that works with your favorite frameworks. Open Source. Open Code.
There are 25 open-source alternatives to Material-UI in this directory. The most popular is Shadcn UI with 112.1k GitHub stars, followed by Ant Design(97.7k stars). All are open source, free to use, and many can be self-hosted.
| # | Tool | Stars | Language | License |
|---|---|---|---|---|
| 1 | Shadcn UI A set of beautifully-designed, accessible components and a code distribution platform that works with your favorite frameworks. Open Source. Open Code. | 112.1k | TypeScript | MIT License |
| 2 | Ant Design An enterprise-class UI design language and React-based UI library for building rich and interactive user interfaces. | 97.7k | TypeScript | MIT License |
| 3 | Tailwind CSS Tailwind CSS is a popular utility-first CSS framework that enables rapid and customizable user interface development through low-level utility classes. | 94.5k | TypeScript | MIT License |
| 4 | Daisyui A popular, free, and open-source Tailwind CSS component library offering a wide range of components for rapid UI development. | 40.7k | Svelte | MIT License |
| 5 | Mantine A fully featured React components library with built-in accessibility and design features for building modern web applications. | 31.0k | TypeScript | MIT License |
| 6 | Heroui 🚀 Beautiful, fast, and modern React UI library, formerly known as NextUI. It offers a sleek design and fast performance for creating responsive web interfaces. | 28.9k | TypeScript | MIT License |
| 7 | React-admin A frontend Framework for building single-page applications on top of REST/GraphQL APIs, utilizing TypeScript, React, and Material Design. | 26.6k | TypeScript | MIT License |
| 8 | Blueprint A React-based UI toolkit for building complex, data-dense web interfaces. | 21.6k | TypeScript | Apache License 2.0 |
| 9 | Magicui A comprehensive UI Library for Design Engineers. It provides animated components and effects ready to be integrated into applications, offering a free and open-source solution. | 20.7k | MDX | MIT License |
| 10 | NativeBase Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS, and Web. | 20.3k | TypeScript | MIT License |
A set of beautifully-designed, accessible components and a code distribution platform that works with your favorite frameworks. Open Source. Open Code.
An enterprise-class UI design language and React-based UI library for building rich and interactive user interfaces.
Tailwind CSS is a popular utility-first CSS framework that enables rapid and customizable user interface development through low-level utility classes.
A popular, free, and open-source Tailwind CSS component library offering a wide range of components for rapid UI development.
A fully featured React components library with built-in accessibility and design features for building modern web applications.
🚀 Beautiful, fast, and modern React UI library, formerly known as NextUI. It offers a sleek design and fast performance for creating responsive web interfaces.
A frontend Framework for building single-page applications on top of REST/GraphQL APIs, utilizing TypeScript, React, and Material Design.
A React-based UI toolkit for building complex, data-dense web interfaces.
A comprehensive UI Library for Design Engineers. It provides animated components and effects ready to be integrated into applications, offering a free and open-source solution.
Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS, and Web.
Fluent UI is a comprehensive collection of customizable React and web components, utilities, and styling frameworks designed to help you build consistent, high-quality web applications aligned with Microsoft's Fluent Design System.
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web applications.
Our Newsletter
Get short emails with useful developer tools, interesting repos, and project updates worth watching.
Style React applications quickly and efficiently with 100% parity on React Native. It includes an optional UI kit and an optimizing compiler for enhanced performance.
A React Native UI Library based on the Eva Design System, offering rich UI components with Dark Mode support.
Galaxy is the largest open-source UI library featuring a diverse collection of community-made, free-to-use UI components built with CSS or Tailwind CSS. Ideal for modern web development projects, it offers an extensive resource for developers and designers seeking ready-made interface elements.
Carbon is IBM’s open-source design system that provides reusable components, design guidelines, and tools to help teams create consistent digital experiences.
Origin UI is an extensive collection of copy-and-paste components designed to ease the process of building application UIs. It leverages the power of Tailwind CSS and React to provide a rich set of customizable components focused on efficiency and aesthetics.
Skeleton is an adaptive design system powered by Tailwind CSS, providing a comprehensive set of components and utilities for fast and flexible web development.
Build your design system with React, Svelte, Vue, and Solid. Powered by State Machines. It's a flexible library to create modular and scalable design systems using modern frontend frameworks.
Gluestack UI offers a collection of React and React Native components and patterns, designed for seamless integration with Tailwind CSS via NativeWind.
An implementation of GitHub's Primer Design System using React, providing a cohesive and customizable component library for building user interfaces.
A React components library that brings the nostalgic Windows 95 UI experience to modern web applications.
Core building blocks for AI applications, offering high-quality, accessible, and customizable components to accelerate development of AI-driven user interfaces.
Kibo is a custom registry of composable, accessible, and open-source Shadcn/UI components, designed to provide a robust component library.
A collection of landing page UI components for React & Next.js, built on top of TailwindCSS, ideal for modern web interface design.
The top three are Shadcn UI(112.1k stars), Ant Design(97.7k stars), Tailwind CSS(94.5k stars). All are open source and free to use.
Yes. Every tool listed here is open source and free to use in your own projects. Many can be self-hosted on your own infrastructure, which means no subscription fees and full control over your data.
Many of the alternatives listed are self-hostable. Each tool's page lists hosting details, system requirements, and licensing terms.
Get notified about new tools and updates to existing ones.