Dev tools · alternatives · 2026

24 alternatives to CSS Specificity Calculator

A visual way to understand CSS specificity.

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

1. 1
   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
   Sorted CSS Colors – Sort the named CSS colors in a nice way▲559

   CSS colors sorted by their hue, saturation and lightness

   2021 · enes.in · its alternatives →

3. 3CS
   CSS Stats▲13

   Visualize your CSS. View colors, typography, spacing, specificity graphs, and design tokens.

   2018 · cssstats.com · its alternatives →

4. 4
   CSSViewer▲237

   A simple CSS property viewer

   2016 · chromewebstore.google.com · its alternatives →

5. 5
   I made CSS Pro, a re-imagined Devtools for web design▲505

   Try your design ideas in seconds with a universal visual CSS editor that generates code for you. Say hello to speed, joy, and stunning designs in just a few clicks with CSS Pro

   2023 · csspro.com · its alternatives →

6. 6
   A Single Div▲177

   A CSS drawing project

   2016 · a.singlediv.com · its alternatives →

7. 7
   CSS Reference for iPhone, iPad▲157

   A visual guide to CSS with illustrated + animated examples

   2017 · apps.apple.com · its alternatives →

8. 8
   Every Layout▲390

   Relearn CSS, by example

   2019 · every-layout.dev · its alternatives →

9. 9
   CSS Stats▲149

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

   2014 · cssstats.com · its alternatives →

10. 10
    CSS Peeper▲350

    Smart CSS viewer tailored for Designers.

    2017 · csspeeper.com · its alternatives →

11. 11
    CSS Toolkit▲161

    Crazy interactive CSS animation builder (Mac)

    2014 · apps.apple.com · its alternatives →

12. 12
    CSS Reference▲13

    A free visual guide to the most popular CSS properties.

    2016 · cssreference.io · its alternatives →

13. 13
    CSS Next▲87

    Use tomorrow’s CSS syntax, today.

    2015 · cssnext.io · its alternatives →

14. 14
    Hint.css 2.0▲234

    A pure CSS tooltip library for your lovely websites.

    2016 · its alternatives →

15. 15
    Webstudio Variables▲214

    Build and reuse expertly crafted Design Systems

    2024 · webstudio.is · its alternatives →

16. 16
    CSS Selectors/Combinators Classifier▲112

    Organize and highlight CSS selectors and combinators by type

    2023 · its alternatives →

17. 17
    Material Colors▲133

    A tool for material design colors

    2016 · its alternatives →

18. 18
    hack.css▲174

    The CSS framework for hackers

    2016 · hackcss.com · its alternatives →

19. 19
    CSS Size Analyzer▲98

    Identify large CSS rules and selectors

    2023 · debugbear.com · its alternatives →

20. 20
    A to Z CSS▲163

    CSS screencasts for designers & developers

    2015 · atozcss.com · its alternatives →

21. 21
    CSS Type Set▲80

    Tool for designers to quickly test and style web content

    2014 · csstypeset.com · its alternatives →

22. 22
    Tabiku▲134

    Discover and generate beautiful CSS3 gradients

    2016 · its alternatives →

23. 23
    ColorMe▲103

    ColorMe allows you to visualize The CSS Color Function.

    2017 · tylergaw.com · its alternatives →

24. 24
    CSS Triggers▲80

    A game of layout, paint and composite

    2014 · csstriggers.com · 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 →