10 Lightweight CSS Frameworks You Should Know About

CSS Framework Lightweight CSS Framework Development Tools

Spectre Landing Page
1

Spectre

Spectre is a web application to diff screenshots.
Pricing:
- Open Source
Spectre is a modern, free and responsive CSS framework. It offers elegant elements, flexbox-based responsive layout system and CSS components and utilities, that can be modified with Sass and Scss compiler. It is really lightweight, only 10KB gzipped and has support for most modern browsers.

#Password Management #Security & Privacy #Password Managers
Mustard UI Landing Page

2

Mustard UI

NOTE: Mustard UI has been discontinued.

A CSS framework that actually looks good.

#CSS Framework #Development Tools #Design Tools
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
Bulma is a free and open source modern CSS framework based on the Flexbox layout model. It offers a simple grid system, responsive nav bars and versatile media objects. Every element in Bulma is mobile-first and optimized for small screens, and can be easily customized using modifier classes and variables.

#CSS Framework #Development Tools #Design Tools 109 social mentions
UIKit Landing Page
4

UIKit

A lightweight and modular front-end framework for developing fast and powerful web interfaces
Pricing:
- Open Source
This is another awesome CSS and JavaScript front-end framework, which comes with its own SVG icon font and a number of components. UIkit is designed very well, both in looks and as a framework, with unified styles, easy to remember API, many customization options, and useful modifier classes.

#CSS Framework #Development Tools #Design Tools 20 social mentions
5

TCS

TentCSS

This product hasn't been added to SaaSHub yet

TentCSS is a simple and easy to use framework that offers all the basic components needed for building a responsive website. It is very lightweight (only 5kb gzipped), follows the BEM standard, and has a modern flexbox grid for doing layouts.
Materialize CSS Landing Page
6

Materialize CSS

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

Foundation

The most advanced responsive front-end framework in the world
Pricing:
- Open Source
The Zurb Foundation framework is another popular tool for building responsive websites and apps. It comes with a number of modular and flexible components that are completely customizable, which you can use to design beautiful responsive websites that look amazing on any device.

#CSS Framework #Design Tools #Development Tools 18 social mentions
Semantic UI Landing Page
8

Semantic UI

A UI Component library implemented using a set of specifications designed around natural language
Pricing:
- Open Source
What about PureCSS? Its' modular too. And weights 9KB I guess. A lot of good ones are missing. And Semantic UI is one of the best, but doesn't come under lightweight. Gotta try out Spectre, BulmaCSS is currently my go-to :)

#CSS Framework #Design Tools #Development Tools 17 social mentions
9

BCS

Base CSS

This product hasn't been added to SaaSHub yet

TentCSS is a simple and easy to use framework that offers all the basic components needed for building a responsive website. It is very lightweight (only 5kb gzipped), follows the BEM standard, and has a modern flexbox grid for doing layouts.
MUI Landing Page
10

MUI

MUI is a lightweight HTML/CSS/JS framework that follows Google's Material Design guidelines
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools