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 14

What is and is not "artificial intelligence"?

This term gets thrown around a lot, but what do people mean when they say this?...

Follow @ben to see more of their posts in your feed.
Member since Jun 1, 2018
More from @imrc21
[VUE] How to access a variable from another instance
#vue #help #frontend #newbie
Trending on
How To Put Arrows at the Bottom of a Div
#webdev #beginners #html #css
Demystifying Webpack
#webdev #frontend #backend #javascript
Sure you want to leave?—browser beforeunload event
#beforeunload #html #javascript
How Does Apple Create Such Stunning Landing Pages?
#discuss #frontend #animation #apple
Lets Build Web Components! Part 1: The Standards
#webcomponents #customelements #javascript #html
Dropping CSS frameworks for Grid and Flexbox
#css #html #grid #flexbox