Dev tools · alternatives · 2026

24 alternatives to Layer CSS

Lightweight CSS framework to build your own fluid layouts

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Layer CSS launched in 2015; newer entries below may have overtaken it.

1AS
A simple lightweight CSS grid, not a bloated framework▲134
2012 · thisisdallas.github.com · its alternatives →
2
Water.css – A just-add-css collection of styles to make websites nicer▲501
A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css
2019 · github.com · its alternatives →
3
Tailwind CSS▲420
A utility-first CSS framework for rapid UI development
2017 · tailwindcss.com · its alternatives →
4
Shorthand CSS▲169
Feature rich CSS framework for the new decade
2020 · shorthandcss.com · its alternatives →
5
Layers Themes▲111
WordPress site builder that makes site creation quick & easy
2015 · its alternatives →
6
Dropflow, a CSS layout engine for node or <canvas>▲404
For the last 5 years I've been working on a layout engine that targets CSS2 and some more modern properties. Live demo: https://chearon.github.io/dropflow/ It matches browsers in all cases I can find where they agree, and it's fast. It supports `position`, `inline-block`, `z-index`, and complex properties like `float` and `vertical-align`. It doesn't support high-level layout like flexbox or grid yet, but you can get intrinsics to easily divide space yourself and paint multiple layout trees. It has a great text layout implementation, and supporting non-Latin scripts is a…
2024 · github.com · its alternatives →
7
Material UI▲247
A CSS Framework that Implements Google's Material Design
2014 · mui.com · its alternatives →
8
Grid Layout Builder by Webflow▲194
A completely visual way to build CSS grid–powered layouts
2018 · its alternatives →
9
Every Layout▲390
Relearn CSS, by example
2019 · every-layout.dev · its alternatives →
10
Tailwind CSS v1.0▲279
A utility-first CSS framework for building custom designs.
2019 · tailwindcss.com · its alternatives →
11
Simple Grid▲229
Responsive & lightweight CSS grid for your website.
2016 · simplegrid.io · its alternatives →
12
A Single Div▲177
A CSS drawing project
2016 · a.singlediv.com · its alternatives →
13
Tailwind CSS v2.0▲385
Rapidly build modern websites without ever leaving your HTML
2020 · tailwindcss.com · its alternatives →
14
XP.css – Windows XP CSS file and framework for building GUIs▲297
A design system for building faithful recreations of old UIs.
2020 · botoxparty.github.io · its alternatives →
15
Spectre.css▲162
A lightweight, responsive and modern CSS framework
2016 · picturepan2.github.io · its alternatives →
16
Picnic CSS▲131
A beautiful CSS library to kickstart your projects
2016 · picnicss.com · its alternatives →
17
Wing▲247
A dead-simple, responsive, CSS framework
2016 · its alternatives →
18LA
LayerJS – A simple UI composition and navigation library▲176
2018 · layerjs.org · its alternatives →
19
Pattern.css▲197
CSS library to fill empty background with beautiful patterns
2020 · github.com · its alternatives →
20
hack.css▲174
The CSS framework for hackers
2016 · hackcss.com · its alternatives →
21
CSS-Mint▲118
Lightweight and simple to use UI Kit.
2016 · arunmichaeldsouza.github.io · its alternatives →
22MB
my boilerplate CSS code for new designs, written in Less.▲108
2011 · mgeraci.github.com · its alternatives →
23
CSS Layout▲52
Most popular layouts and patterns that can be built with CSS
2019 · csslayout.io · its alternatives →
24
Mobi.css – A lightweight, flexible CSS framework that focuses on mobile▲91
A lightweight, scalable, mobile-first CSS framework - mobi-css/mobi.css
2016 · github.com · its alternatives →

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →