Component Libraries lists open-source UI kits and React components. Ant Design is an enterprise React UI library; Carbon is IBM's design system with reusable components and guidelines; React Beautiful DnD provides accessible drag-and-drop for React lists. Use this category when you need interface building blocks rather than full applications.
The most popular open-source Component Libraries tool by GitHub stars is Shadcn UI(112.1k stars), followed by Material UI(98.1k stars)and Ant Design(97.7k stars). This page lists the top 30 of 80 component libraries tools in the directory, ranked by community adoption.
| # | 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 | Awesome React Components A curated list of React components & libraries, showcasing the best and most useful libraries for React development. | 47.3k | — | Creative Commons Zero v1.0 Universal |
| 5 | 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 |
| 6 | Xyflow Powerful open-source libraries for building node-based UIs with React or Svelte. Ready out-of-the-box and infinitely customizable. | 36.1k | TypeScript | MIT License |
| 7 | Awesome React Native Awesome React Native components, news, tools, and learning materials to enhance your mobile development experience! | 35.6k | JavaScript | — |
| 8 | React Beautiful DnD Beautiful and accessible drag and drop library for creating lists with React, focusing on performance and ease of use. | 34.0k | JavaScript | Other |
| 9 | Mantine A fully featured React components library with built-in accessibility and design features for building modern web applications. | 31.0k | TypeScript | MIT License |
| 10 | 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 |
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.
A curated list of React components & libraries, showcasing the best and most useful libraries for React development.
A popular, free, and open-source Tailwind CSS component library offering a wide range of components for rapid UI development.
Powerful open-source libraries for building node-based UIs with React or Svelte. Ready out-of-the-box and infinitely customizable.
Awesome React Native components, news, tools, and learning materials to enhance your mobile development experience!
Beautiful and accessible drag and drop library for creating lists with React, focusing on performance and ease of use.
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 highly customizable and feature-rich draggable and resizable grid layout library with responsive breakpoints for React.
Lucide is a beautiful and consistent icon toolkit made by the community. This open-source project is a fork of Feather Icons, featuring a vast range of icons designed for seamless integration into various applications.
Our Newsletter
Get short emails with useful component libraries projects, releases, and repos worth watching.
A flexible and extensible library for building complex drag and drop interfaces in React applications.
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.
A curated list of awesome resources, tools, and libraries related to the Shadcn UI framework.
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web applications.
React components for building interactive and customizable charts and dashboards with ease.
A curated list of awesome things related to Tailwind CSS, including plugins, tools, resources, and more.
nivo provides a rich set of data visualization components, built on top of the d3 and React libraries.
An SVG-powered component library for creating customizable skeleton loading animations in React applications.
A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
Fast, unstyled command menu React component for building customizable command interfaces.
A lightweight, customizable toast notification library for React applications.
A React Native UI Library based on the Eva Design System, offering rich UI components with Dark Mode support.
Fluent System Icons is a comprehensive collection of familiar, friendly, and modern iconography created by Microsoft, designed to support Fluent UI and enhance user interfaces consistently across web and desktop applications.
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.
A React component for creating draggable elements, enabling interactive and intuitive drag-and-drop UIs.
Shadcn UI leads by GitHub stars(112.1k). A set of beautifully-designed, accessible components and a code distribution platform that works with your favorite frameworks. Open Source. Open Code.
Yes. Every tool on this list is open source and free to use in your own projects. Many can be self-hosted.
Tools are ranked by GitHub star count, a strong proxy for community adoption and active maintenance. Star counts are refreshed regularly.
Get notified about new tools and updates to existing ones.