Dev tools · alternatives · 2026

24 alternatives to CSS Quality Guide

:art: CSS: The Good Parts. Contribute to bevacqua/css development by creating an account on GitHub.

CSS Quality Guide is a development resource that documents best practices and recommended approaches for writing CSS, focusing on the good parts of the language. It's designed for developers who want to improve their… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. CSS Quality Guide launched in 2015; newer entries below may have overtaken it.

1
I decided to document and share my high-level CSS best practices▲223
2012 · github.com · its alternatives →
2
A visual guide to the most popular CSS properties▲1,117
CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.
2016 · cssreference.io · its alternatives →
3
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 →
4
Cs16.css – CSS library based on Counter Strike 1.6 UI▲819
CSS library based on Counter Strike 1.6 UI.
2025 · cs16.samke.me · its alternatives →
5
JavaScript Quality Guide▲9
:art: A JavaScript Quality Guide. Contribute to bevacqua/js development by creating an account on GitHub.
2014 · github.com · its alternatives →
6
Pattern.css – CSS-only library to fill empty background with patterns▲332
CSS only library to fill empty background with beautiful patterns. - bansal/pattern.css
2020 · github.com · its alternatives →
7
CSS Scan 2.0▲758
The fastest and easiest way to inspect or copy CSS ⚡️
2019 · getcssscan.com · its alternatives →
8
I wrote a book about Debugging CSS▲137
An ebook with lots of tips and techniques on how to debug CSS the right way with easy and studied methods.
2020 · debuggingcss.com · its alternatives →
9
Collection of CSS Creations▲165
Collection of Awesome CSS and JS Creations to help out frontend developers and designers.
2012 · cssdeck.com · its alternatives →
10
CSSeffectsSnippets.▲292
A collection of CSS effects with a click to copy.
2019 · emilkowalski.github.io · its alternatives →
11
CSS Scan 3.0▲256
The fastest and easiest way to check, copy and edit CSS
2022 · getcssscan.com · its alternatives →
12
CSS Grab n' Go Editor▲213
Visual editor for learning and quick CSS mocking
2020 · cssbuilder.veliovgroup.com · its alternatives →
13
A collection of front end Learning Resources▲58
A curated collection of awesome resources for frontend developers: tutorials, tools, libraries, design assets, and more! 🚀 - requestly/awesome-frontend-resources
2024 · github.com · its alternatives →
14
Basic.css – Classless CSS Starter File▲153
Basic.css - Classless CSS Starter File. Contribute to vladocar/Basic.css development by creating an account on GitHub.
2020 · github.com · its alternatives →
15
Pattern.css▲197
CSS library to fill empty background with beautiful patterns
2020 · github.com · its alternatives →
16
hack.css▲174
The CSS framework for hackers
2016 · hackcss.com · its alternatives →
17
I made CSS Scan 3.0, a fast way to check and copy CSS▲146
Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.
2022 · getcssscan.com · its alternatives →
18MB
my boilerplate CSS code for new designs, written in Less.▲108
2011 · mgeraci.github.com · its alternatives →
19
CSS.GUI▲201
Open source visual editors for everything in the CSS spec
2022 · components.ai · its alternatives →
20
Shorthand CSS▲169
Feature rich CSS framework for the new decade
2020 · shorthandcss.com · its alternatives →
21
CSS Stats▲149
Enter a URL and get statistics for a site's CSS
2014 · cssstats.com · its alternatives →
22
Beautiful CSS Buttons by CSS Scan▲191
Curated collection of 83 free beautiful buttons
2021 · getcssscan.com · its alternatives →
23
awsm.css▲173
Simple CSS library for semantic HTML markup
2017 · github.com · its alternatives →
24M2
My 24-hour project, instacss.com▲90
http://instacss.com (in case DNS update hasn't propagated: http://morning-warrior-3377.herokuapp.com/) Last night I was annoyed at how slow (and web 1.0-ish) most CSS reference sites seem to be, so I created this. It's basically a scrape of the CSS reference on w3schools, but with client side searching. Feedback is most welcome! some of the tech involved: node, requirejs, backbone, mongodb the code: http://github.com/rgarcia/instacss
2011 · instacss.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 →