Life & fun · alternatives · 2026

24 alternatives to CSS Reference

An extensive CSS reference to learn CSS from the basics.

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

1. 1AV
   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 →

2. 2
   CSS Reference▲13

   A free visual guide to the most popular CSS properties.

   2016 · its alternatives →

3. 3
   CSS Reference for iPhone, iPad▲157

   A visual guide to CSS with illustrated + animated examples

   2017 · its alternatives →

4. 4
   CSS Reference - A free visual guide to CSS▲9

   Learn by example: a free visual guide to CSS

   2019 · its alternatives →

5. 5
   CSS Scan 2.0▲758

   The fastest and easiest way to inspect or copy CSS ⚡️

   2019 · getcssscan.com · its alternatives →

6. 6
   Every Layout▲391

   Relearn CSS, by example

   2019 · its alternatives →

7. 7
   Hint.css 2.0▲234

   A pure CSS tooltip library for your lovely websites.

   2016 · its alternatives →

8. 8
   HTML and CSS: Interactive Projects▲100

   Embrace the digital frontier with this comprehensive guide

   2023 · matheusmello.gumroad.com · its alternatives →

9. 9
   CSS Type Set▲80

   Tool for designers to quickly test and style web content

   2014 · its alternatives →

10. 10WC
    Water.css – A just-add-css collection of styles to make websites nicer▲501

    2019 · github.com · its alternatives →

11. 11
    A to Z CSS▲163

    CSS screencasts for designers & developers

    2015 · its alternatives →

12. 12
    The Magic of CSS▲88

    Textbook for web designers/devs to become CSS wizards.

    2016 · its alternatives →

13. 13
    hack.css▲174

    The CSS framework for hackers

    2016 · its alternatives →

14. 14
    CSS Scan 3.0▲256

    The fastest and easiest way to check, copy and edit CSS

    2022 · getcssscan.com · its alternatives →

15. 15
    98.css▲256

    A design system for building faithful recreations of old UIs

    2020 · its alternatives →

16. 16
    CSS Master▲71

    Organized, fast, efficient CSS done right!

    2018 · its alternatives →

17. 17CC
    Chartss.css – accessible HTML/CSS charts with markdown support▲265

    2020 · rbitr.github.io · its alternatives →

18. 18
    Move Things With CSS▲102

    An ebook for learning CSS animations and transitions

    2020 · its alternatives →

19. 19
    Learn HTML CSS▲116

    Interactive platform for semantic and accessible HTML CSS

    2022 · learnhtmlcss.online · its alternatives →

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

    2020 · github.com · its alternatives →

21. 21
    CSS Stats▲149

    Enter a URL and get statistics for a site's CSS

    2014 · its alternatives →

22. 22
    A Single Div▲177

    A CSS drawing project

    2016 · its alternatives →

23. 23
    CSS Next▲87

    Use tomorrow’s CSS syntax, today.

    2015 · its alternatives →

24. 24
    CSS Sans▲36

    A Pure CSS Font

    2015 · 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 →