Dev tools · alternatives · 2026

24 alternatives to 30 seconds of CSS

CSS snippets that you can understand in 30 seconds or less.

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

1
30 seconds of code▲337
Short code snippets for all your development needs
2020 · 30secondsofcode.org · its alternatives →
2
30 seconds of code▲252
JS snippets that you can understand in 30 seconds or less.
2018 · github.com · its alternatives →
3
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 →
4
Troubleshooting CSS▲83
Learn how to fix most CSS bugs in under 60 seconds
2014 · its alternatives →
5
30 Seconds of Knowledge▲254
Don't let your engineering brain rot in the age of AI. 30 Seconds of Knowledge delivers one real code snippet on every new tab - read it, get it, stay sharp in 30 seconds.
2019 · 30secondsofknowledge.com · its alternatives →
6
30 seconds of C#▲69
Short C# code snippets for all your development needs
2020 · github.com · its alternatives →
7
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 →
8
CSS Next▲87
Use tomorrow’s CSS syntax, today.
2015 · cssnext.io · its alternatives →
9
CSSeffectsSnippets.▲281
A collection of CSS effects with a click to copy.
2019 · emilkowalski.github.io · its alternatives →
10
CSSnippets▲29
Free HTML, CSS and React code snippets
2024 · cssnippets.shefali.dev · its alternatives →
11
Write CSS as Fast as You Can Sketch▲140
Learn how to design in the browser (8-day email course)
2015 · planningforaliens.com · its alternatives →
12
CSS Speedrun – A small game to test and improve your CSS knowledge▲213
A small fun app to test your CSS knowledge. Find the correct CSS selectors for the 10 puzzles as fast as possible.
2022 · css-speedrun.netlify.app · its alternatives →
13
Sketching with CSS▲78
Write CSS as fast as you can sketch
2015 · planningforaliens.com · its alternatives →
14
CSS snippets▲7
Common CSS snippets
2023 · its alternatives →
15
CodeScraper▲160
Hover over anything and get the HTML/CSS
2019 · its alternatives →
16
easy.css▲12
Great-looking CSS styles that are simply easy to use!
2021 · its alternatives →
17
Sketching with CSS▲75
Write css as fast as you can Sketch
2013 · planningforaliens.com · its alternatives →
18
I decided to document and share my high-level CSS best practices▲223
2012 · github.com · its alternatives →
19
Pattern.css▲197
CSS library to fill empty background with beautiful patterns
2020 · github.com · its alternatives →
20
Picnic CSS▲131
A beautiful CSS library to kickstart your projects
2016 · picnicss.com · its alternatives →
21
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 →
22
hack.css▲174
The CSS framework for hackers
2016 · hackcss.com · its alternatives →
23
Transforms in CSS▲117
Free eBook for learning to code animations
2016 · get.oreilly.com · its alternatives →
24
CSS Triggers▲80
A game of layout, paint and composite
2014 · csstriggers.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 →