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. 1
   30 seconds of code▲252

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

   2018 · its alternatives →

2. 2
   30 seconds of code▲339

   Short code snippets for all your development needs

   2020 · its alternatives →

3. 3AV
   A visual guide to the most popular CSS properties▲1,117

   2016 · cssreference.io · its alternatives →

4. 4
   30 Seconds of Knowledge▲75

   Become a better developer, one new tab at a time

   2019 · its alternatives →

5. 5
   30 seconds of C#▲69

   Short C# code snippets for all your development needs

   2020 · its alternatives →

6. 6
   30 Seconds of Knowledge▲254

   Become a better developer, in every new tab.

   2019 · its alternatives →

7. 7
   CSSeffectsSnippets.▲292

   A collection of CSS effects with a click to copy.

   2019 · its alternatives →

8. 8
   CSS Next▲87

   Use tomorrow’s CSS syntax, today.

   2015 · its alternatives →

9. 9LC
   LaTeX.css – Make your website look like a LaTeX document▲515

   2020 · latex.now.sh · its alternatives →

10. 10
    CSSnippets▲29

    Free HTML, CSS and React code snippets

    2024 · cssnippets.shefali.dev · its alternatives →

11. 11
    Write CSS as Fast as You Can Sketch▲140

    Learn how to design in the browser (8-day email course)

    2015 · its alternatives →

12. 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. 13
    Every Layout▲391

    Relearn CSS, by example

    2019 · its alternatives →

14. 14
    CSS snippets▲7

    Common CSS snippets

    2023 · its alternatives →

15. 15
    CodeScraper▲160

    Hover over anything and get the HTML/CSS

    2019 · its alternatives →

16. 16
    easy.css▲12

    Great-looking CSS styles that are simply easy to use!

    2021 · its alternatives →

17. 17HC
    Hint.css v2.0 – Pure CSS tooltip library▲253

    2016 · kushagragour.in · its alternatives →

18. 18
    CSS Wand▲329

    Easy copy-paste beautiful CSS animations

    2019 · its alternatives →

19. 19BC
    Basic.css – Classless CSS Starter File▲153

    2020 · github.com · its alternatives →

20. 20
    Sketching with CSS▲75

    Write css as fast as you can Sketch

    2013 · its alternatives →

21. 21
    Pattern.css▲197

    CSS library to fill empty background with beautiful patterns

    2020 · its alternatives →

22. 22
    Picnic CSS▲131

    A beautiful CSS library to kickstart your projects

    2016 · its alternatives →

23. 23
    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 →

24. 24
    hack.css▲174

    The CSS framework for hackers

    2016 · its alternatives →

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 →