Bootstrap alternatives, which one do you prefer and why?

Did you find this post useful? Show some love!

My personal favourite CSS library is Bootstrap. Apart from that, I have worked on a few more CSS frameworks.

Tachyons - link

  • Very lightweight.
  • Highly adaptable and customizable. You can definitely build your design system on top of Tachyons.
  • A wide range of components. And a huge number of color combinations.
  • Supports Grid system. Mobile friendly.
  • It is super easy to build components with modern JS frameworks. Ex: React.
  • CSS and layout debugging.

Semantic UI - link

  • Huge documentation with lots of examples.
  • Uses Flexbox.
  • Wide range of components. Advanced framework with functional components.
  • Adaptive to modern JS frameworks. Works amazing with React, Meteor, Angular and Ember.
  • Preprocessor support - LESS.
  • Built-in three themes - Default, GitHub and Material.
  • Built-in icons set. Over 900 icons from FontAwesome.
  • Responsive.

Pure - link

  • Lightweight.
  • Good documentation.
  • Responsive.
  • Predefined set of themes.
  • Highly customizable.

All the above CSS frameworks are open source. And they are widely popular in the community. Other than these there are multiple frameworks available. But I have not used them that much. But here you go,

  • Material Design Kit
  • UI Kit
  • BaseCSS
  • Foundation
  • Primer
  • Skeleton

I found this link on GitHub, consisting of various frameworks. It's really good.

I hope my answer helps.

Semantic UI - link

I'll admit to falling for their GitHub proof of concept

Bulma is amazing and easy to use. Also 0% JavaScript

+1, it is really awesome and easy to use with React.

Classic DEV Post from May 16

Taking Notes

Using bullet journal techniques to take notes and get things done

Follow @monknomo to see more of their posts in your feed.
Member since Jun 1, 2018
Trending on
What's in your bookmarks bar?
#tools #productivity #discuss
Why I love hiring Junior engineers
#engineers #culture #career
A Better Way To Code Emails
#email #html #preprocessors
They Watched Us With Webcams And Rewrote Our Code!
#career #culture #databases #story
Fine course charting through the BootStrap Navbar
#bootstrap #development #web #frameworks
Judging from a profile picture
#discuss #judgment
Code camp or self-learning
#discuss #productivity
How to Style Comment and Message Inputs
#css #html #webdesign #inputs