The best material-ui alternatives

chakra-ui

chakra-ui/chakra-ui

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

Choose chakra-ui if…

• you would rather work in TypeScript than JavaScript
• you prefer a smaller, narrower project to a large one
• you specifically need a11y or accessible

Shares design-system, react, react-components with material-ui.

base-ui

mui/base-ui

Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.

Choose base-ui if…

• you would rather work in TypeScript than JavaScript
• you prefer a smaller, narrower project to a large one
• you specifically need accessibility or base-ui

Shares design-system, react, react-components with material-ui.

rebass

rebassjs/rebass

:atom_symbol: React primitive UI components built with styled-system.

Choose rebass if…

• you prefer a smaller, narrower project to a large one
• you specifically need color or components

Shares design-system, react, react-components with material-ui.

reshaped

reshaped-ui/reshaped

Reshaped provides accessible React and Figma components for building beautiful products or starting your own design system

Choose reshaped if…

• you would rather work in TypeScript than JavaScript
• you prefer a smaller, narrower project to a large one
• you specifically need figma or ui-components

Shares design-system, react, react-components with material-ui.

react-spectrum

adobe/react-spectrum

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

Choose react-spectrum if…

• you would rather work in TypeScript than JavaScript
• Apache License 2.0 suits your use better than MIT License
• you prefer a smaller, narrower project to a large one
• you specifically need accessibility or design-systems

Shares react, react-components with material-ui.

semi-design

DouyinFE/semi-design

🚀A modern, comprehensive, flexible design system and React UI library, AI-friendly built-in.🎨Provide 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design.🧑🏻‍💻 Design to Code in one click

Choose semi-design if…

• you would rather work in TypeScript than JavaScript
• you prefer a smaller, narrower project to a large one
• you specifically need ai-friendly or code2design

Shares design-system, react with material-ui.

carbon

carbon-design-system/carbon

A design system built by IBM

Choose carbon if…

• Apache License 2.0 suits your use better than MIT License
• you prefer a smaller, narrower project to a large one
• you specifically need hacktoberfest or javascript

Shares design-system, react with material-ui.

baseweb

uber/baseweb

A React Component library implementing the Base design language

Choose baseweb if…

• you would rather work in TypeScript than JavaScript
• you prefer a smaller, narrower project to a large one
• you specifically need component-library or design-systems

Shares react, react-components with material-ui.

rsuite

rsuite/rsuite

🧱 A suite of React components .

Choose rsuite if…

• you would rather work in TypeScript than JavaScript
• you prefer a smaller, narrower project to a large one
• you specifically need awesome-react-stuff or reactjs

Shares react, react-components with material-ui.

grommet

grommet/grommet

a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

Choose grommet if…

• Apache License 2.0 suits your use better than MIT License
• you prefer a smaller, narrower project to a large one
• you specifically need a11y or babel

Shares design-system, react with material-ui.

React95

react95-io/React95

🌈🕹 Windows 95 style UI component library for React

Choose React95 if…

• you would rather work in TypeScript than JavaScript
• you prefer a smaller, narrower project to a large one
• you specifically need component-library or components

Shares design-system, react with material-ui.

eui

elastic/eui

Elastic UI Framework 🙌

Choose eui if…

• you would rather work in TypeScript than JavaScript
• you prefer a smaller, narrower project to a large one
• you specifically need css-in-js or elasticsearch

Shares design-system, react with material-ui.