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 26 open-source alternatives to Chakra UI in this directory. The most popular is Shadcn UI with 112.1k GitHub stars, followed by Material UI(98.1k 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 | Material UI Material UI is a comprehensive React component library that implements Google's Material Design, providing developers with free, modern, and customizable UI elements for building responsive web applications. | 98.1k | JavaScript | MIT License |
| 3 | 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 |
| 4 | 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 |
| 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 | Blueprint A React-based UI toolkit for building complex, data-dense web interfaces. | 21.6k | TypeScript | Apache License 2.0 |
| 8 | 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 |
| 9 | Fluent UI 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. | 19.9k | TypeScript | Other |
| 10 | Primitives Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web applications. | 18.8k | 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.
Material UI is a comprehensive React component library that implements Google's Material Design, providing developers with free, modern, and customizable UI elements for building responsive web applications.
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 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 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.
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.
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.
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.
Our Newsletter
Get short emails with useful developer tools, interesting repos, and project updates worth watching.
Carbon is IBM’s open-source design system that provides reusable components, design guidelines, and tools to help teams create consistent digital experiences.
React primitive UI components built with styled-system, providing a simple and flexible component library for building responsive, theme-based design systems.
Style props for rapid and flexible UI development, allowing design system constraints and responsive design.
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.
A collection of beautifully crafted, open-source UI layouts and components built with shadcn/ui. Perfect for building modern React applications with elegant and reusable design elements.
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 custom registry of composable, accessible, and extensible UI components designed for seamless integration with shadcn/ui. Free and open source, offering reusable building blocks for modern web applications.
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.
AI Elements is a feature-rich React component library and custom registry, built on top of shadcn/ui, designed to accelerate the development of AI-native applications with ready-to-use UI elements and seamless integration of AI functionality.
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), Material UI(98.1k stars), Ant Design(97.7k 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.