Top 12 Open-Source Alternatives to Material UI

Product categories

CMS CSS Framework Components Library Design Tools Developer Tools Development Tools Online Services React React Components UI UI Design User Experience

Summary

The top open-source alternatives to Material UI are Ant Design, Bootstrap, and Chakra UI. One of the criteria for ordering this list is the number of mentions that products have on reliable external sources. You can suggest additional sources through the form here.

Ant Design Landing Page
1

Ant Design

An enterprise-class UI design language and React implementation with a set of high-quality React components, one of best React UI library for enterprises
Pricing:
- Open Source
#Development Tools #Design Tools #UI 96 social mentions
Bootstrap Landing Page
2

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 326 social mentions
Chakra UI Landing Page
3

Chakra UI

Simple, modular and accessible UI components for your React applications.
Pricing:
- Open Source
#Design Tools #Developer Tools #UI 197 social mentions
Tailwind CSS Landing Page
4

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
#Developer Tools #Design Tools #Website Design 868 social mentions
Materialize CSS Landing Page
5

Materialize CSS

A modern responsive front-end framework based on Material Design
Pricing:
- Open Source
#CSS Framework #Design Tools #Development Tools 25 social mentions
Semantic UI Landing Page
6

Semantic UI

A UI Component library implemented using a set of specifications designed around natural language
Pricing:
- Open Source
#CSS Framework #Design Tools #Development Tools 17 social mentions
Bulma Landing Page
7

Bulma

Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 109 social mentions
Foundation Landing Page
8

Foundation

The most advanced responsive front-end framework in the world
Pricing:
- Open Source
#CSS Framework #Design Tools #Development Tools 18 social mentions
UIKit Landing Page
9

UIKit

A lightweight and modular front-end framework for developing fast and powerful web interfaces
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 20 social mentions
Element UI Landing Page
10

Element UI

A Desktop UI Library. Element, a Vue 2.0 based component library for developers, designers and product managers.
Pricing:
- Open Source
#UI Design #UI #Components Library 1 social mentions
Ionicons Landing Page
11

Ionicons

Ionicons offers fonts for Ionic Framework.
Pricing:
- Open Source
#Development Tools #UI #Design Tools 2 social mentions
DaisyUI Landing Page
12

DaisyUI

Free UI components plugin for Tailwind CSS
Pricing:
- Open Source
#Design Tools #User Experience #Developer Tools 137 social mentions