Top 12 Open-Source Alternatives to Bootstrap

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions

As Bootstrap is an open source project, you can find more open source alternatives and stats on LibHunt.

329 mentions

Post a review

Add video

Pricing:

Open Source

Visit website Status Page

Verify Bootstrap Edit

Product categories

CSS Framework CSS Tools Design Tools Developer Tools Development Tools JS Library JavaScript Framework Javascript UI Libraries React React Components UI Website Design

Summary

The top open-source alternatives to Bootstrap are Tailwind CSS, Materialize CSS, and Bulma. 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.

Tailwind CSS Landing Page
1

Tailwind CSS

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

Materialize CSS

A modern responsive front-end framework based on Material Design
Pricing:
- Open Source
#CSS Framework #Design Tools #Developer Tools 25 social mentions
Bulma Landing Page
3

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
4

Foundation

The most advanced responsive front-end framework in the world
Pricing:
- Open Source
#CSS Framework #Design Tools #Developer Tools 18 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
#Design Tools #CSS Framework #Developer Tools 17 social mentions
Material UI Landing Page
6

Material UI

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

UIKit

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

React

A JavaScript library for building user interfaces
Pricing:
- Open Source
#Javascript UI Libraries #JS Library #JavaScript Framework 778 social mentions
Skeleton CSS Landing Page
9

Skeleton CSS

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

Purecss

A set of small, responsive CSS modules that you can use in every web project.
Pricing:
- Open Source
#CSS Framework #Development Tools #Javascript UI Libraries 8 social mentions
Ant Design Landing Page
11

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 97 social mentions
Chakra UI Landing Page
12

Chakra UI

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

Suggest an alternative

If you think we've missed something, please suggest an alternative to Bootstrap.

Please use the Feedback button if you think any of the listed products shouldn't be regarded as open-source.

Bootstrap discussion

Stan Bright
· about 1 year ago
· Reply

Bootstrap is a great framework. I used to use it with every project. However, at some point it was very difficult to customize. So I slowly migrated to Bulma. Nowadays... I use mostly Tailwind.

Note: the last version that I've used is 3.x, so things might have changed since then. I just checked and the latest version is 5.x.