Top 5 Bootstrap Alternatives

CSS Framework

Bootstrap Landing Page
1

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
Bootstrap is synonymous with responsive design. It was Bootstrap that popularized the term “mobile-first design” and showed how it could be done. But while Bootstrap gets the job done most of the time, just getting the job done isn’t always enough. If you feel like Bootstrap is restricting you and that your needs are special, one of the options listed here will help. 🙂

#CSS Framework #Development Tools #Design Tools 326 social mentions
Flexbox Grid Landing Page
2

Flexbox Grid

Grid based on CSS3 flexbox
Pricing:
- Open Source
The Flexbox Grid, as the name suggests, is a grid system based on the CSS Flexbox properties. However, unlike the CSS technique, all the complexity is nicely abstracted away so that you focus only on placing elements the way you want. The best part is that all the code and class names mimic what you’d want in Bootstrap 4, which means switching between these two tools requires zero mental friction. For instance, here’s what code for the “space around” looks like in the Flexbox Grid:

#Website Builder #Personal Website #CSS Framework 7 social mentions
Purecss Landing Page
3

Purecss

A set of small, responsive CSS modules that you can use in every web project.
Pricing:
- Open Source
All the modules when bundled together and gzipped are 3.7 KB, although individually they amount to more. The grid module is just 0.8 KB, while the Base module is 1.0 KB. The team behind PureCSS says that it was built entirely with mobile devices in mind, and so every line of CSS was carefully scrutinized for efficiency before being included.

#CSS Framework #Development Tools #Javascript UI Libraries 8 social mentions
Zimit Landing Page

4

Z

Zimit

Configure price quotes for services

All in all, Zimit is a complete and easy framework to develop UI prototypes that are responsive and look good quickly. It’s better than Bootstrap (when it comes to prototyping) because Bootstrap is a much larger download and the resulting design is, well, tacky.

#Design Tools #Productivity #Personal Website
HTML KickStart Landing Page
5

HTM

HTML KickStart

HTML KickStart is a ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project.
Pricing:
- Open Source
#CSS Framework #Development Tools #Javascript UI Libraries
Materialize CSS Landing Page
6

Materialize CSS

A modern responsive front-end framework based on Material Design
Pricing:
- Open Source
There are quite a few JavaScript features and effects that ship with Materialize. Tooltips, Toasts (Android-like ephemeral notifications), Parallex, Pushpin, etc., are some of them. One really amazing effect I liked is FeatureDiscovery, which basically allows you to highlight an element on the page on some event (say, button press) to bring the user’s attention to that element. It’s hard to describe it in words fully, so head over to https://materializecss.com/feature-discovery.html to see what I mean.

#CSS Framework #Development Tools #Design Tools 25 social mentions