10 tools you can use instead of Material UI, ranked by live GitHub stars and npm downloads. Tailwind CSS, Radix UI and shadcn/ui are the most used. Stats updated 5 hours ago.
Mantine and Chakra UI are the closest alternatives if you want a styled React library without the Material look. Ant Design is the enterprise-focused option. All three are free and MIT licensed.
Material UI (MUI) is a React component library implementing Google's Material Design, offering over 40 free, open source components under the MIT license through MUI Core. MUI also sells MUI X, a set of advanced components like data grids, date pickers and charts, with paid Pro, Premium and Enterprise tiers priced per developer per year, from $299 a year for Pro.
It is a weaker choice for:
Most used first.
Utility-first CSS framework for building custom designs directly in markup, now owned by Shopify.
Unstyled, accessible React component primitives for building your own design system.
Copy-paste, customizable UI components built with Tailwind CSS, not installed as a package.
Enterprise-focused React component library and design system, maintained by Alibaba's Ant Group.
Unstyled, accessible UI components from the Tailwind CSS team, for React and Vue.
Full-featured, styled React component library with over 100 components and hooks.
Styled, accessible React component library with a simple, composable styling API.
Component class plugin for Tailwind CSS, adding semantic component names like btn and card.
Free, open source React boilerplate for enterprise admin dashboards, built on Ant Design.
Open source React and React Native component library, formerly called NextUI.
| Tool | Pricing | Free plan | Paid from | Open source | GitHub stars |
|---|---|---|---|---|---|
| Material UI | Freemium | Yes: MUI Core's 40+ components are free and open source | $299 a developer a year for MUI X Pro | Yes, MIT (MUI Core); MUI X components are proprietary on paid tiers | 99.3k |
| Tailwind CSS | Freemium | Yes, Tailwind CSS itself is completely free and open source | Tailwind Plus (paid components/templates) is closed to new customers as of the Shopify acquisition | Yes, MIT | 98.1k |
| Radix UI | Open source | Yes, Radix UI is completely free | Not listed | Yes, MIT | 19.4k |
| shadcn/ui | Open source | Yes, shadcn/ui is completely free | Not listed | Yes, MIT | 127k |
| Ant Design | Open source | Yes, Ant Design is completely free | Not listed | Yes, MIT | 99.9k |
| Headless UI | Open source | Yes, Headless UI is completely free | Not listed | Yes, MIT | 28.8k |
| Mantine | Open source | Yes, Mantine and Mantine UI are both free | Not listed | Yes, MIT | 31.9k |
| Chakra UI | Open source | Yes, Chakra UI is completely free | Not listed | Yes, MIT | 40.7k |
| DaisyUI | Freemium | Yes, the core DaisyUI plugin is completely free | Not listed | Yes, MIT | 42.7k |
| Ant Design Pro | Open source | Yes, completely free and open source | Not listed | Yes, MIT | 38.9k |
| HeroUI | Open source | Yes. The component library is open source and free to use. | Not listed | Yes, Apache-2.0 | 31k |
Pricing facts come from each tool's official pricing page, with the checked date on the tool's own page.
By GitHub stars, Tailwind CSS is the most used alternative to Material UI listed on ScratchDB, with 98.1k stars.
Tailwind CSS, Radix UI, shadcn/ui, Ant Design, Headless UI, Mantine, Chakra UI, DaisyUI, Ant Design Pro and HeroUI are open source.
Tailwind CSS, Radix UI, shadcn/ui, Ant Design, Headless UI, Mantine, Chakra UI, DaisyUI, Ant Design Pro and HeroUI have a free plan. The table on this page shows what each one includes.
