Top 11 Open-Source Alternatives to Material Components for the Web

Product categories

CSS Framework CSS Tools Design Tools Developer Tools Development Development Tools Javascript UI Libraries UI Website Design

Summary

The top open-source alternatives to Material Components for the Web are Materialize CSS, Bootstrap, and Foundation. 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.

Materialize CSS Landing Page
1

Materialize CSS

A modern responsive front-end framework based on Material Design
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 25 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
Foundation Landing Page
3

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
4

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
Semantic UI Landing Page
5

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
Sass Landing Page
6

Sass

Syntatically Awesome Style Sheets
Pricing:
- Open Source
#Developer Tools #Design Tools #Javascript UI Libraries 131 social mentions
Skeleton CSS Landing Page
7

Skeleton CSS

A Beautiful Boilerplate for Responsive, Mobile-Friendly Development
Pricing:
- Open Source
#CSS Framework #CSS Tools #Design Tools 17 social mentions
Material UI Landing Page
8

Material UI

A CSS Framework and a Set of React Components that Implement Google's Material Design
Pricing:
- Open Source
#Design Tools #Development Tools #Developer Tools 75 social mentions
Material Design Lite Landing Page
9

Material Design Lite

Material Design Lite Components in HTML/CSS/JS
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 4 social mentions
Tailwind CSS Landing Page
10

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
Buefy Landing Page
11

Buefy

Lightweight UI components for Vue.js based on Bulma
Pricing:
- Open Source
#Developer Tools #Development #Design Tools 12 social mentions