Dev tools · alternatives · 2026

24 alternatives to CLS Checker

Visualise & debug layout shifts (CLS) in the browser

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

1. 1
   CLS Debugger▲2

   Test and debug Cumulative Layout Shifts, by ex-Google.

   2022 · webvitals.dev · its alternatives →

2. 2
   CheatSheet▲982

   View Mac keyboard shortcuts in the current application

   2015 · mediaatelier.com · its alternatives →

3. 3
   Whitespace▲137

   One-click bug reports straight from your browser

   2024 · whitespace.dev · its alternatives →

4. 4
   Devsync▲319

   Visually edit CSS. Live-sync the result with your editor.

   2020 · devsync.co · its alternatives →

5. 5
   Browserbite▲135

   Automatic cross browser layout testing

   2015 · its alternatives →

6. 6
   GitHub "Lines Viewed" extension to keep you sane reviewing long AI PRs▲40

   I was frustrated with how bad a signal of progress through a big PR "Files viewed" was, so I made a "Lines viewed" indicator to complement it. Designed to look like a stock Github UI element - even respects light/dark theme. Runs fully locally, no API calls. Splits insertions and deletions by default, but you can also merge them into a single "lines" figure in the settings.

   Feb 2026 · chromewebstore.google.com · its alternatives →

7. 7
   CSS Scan 3.0▲256

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

   2022 · getcssscan.com · its alternatives →

8. 8
   CSSViewer▲237

   A simple CSS property viewer

   2016 · chromewebstore.google.com · its alternatives →

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

   2020 · rbitr.github.io · its alternatives →

10. 10
    A syntax highlighter for Git and diff output, written in Rust▲261

    A syntax-highlighting pager for git, diff, grep, rg --json, and blame output - dandavison/delta

    2020 · github.com · its alternatives →

11. 11CS
    CSS Stats▲13

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

    2018 · cssstats.com · its alternatives →

12. 12
    VisualPing for Chrome▲77

    New Chrome extension to monitor a website/area of a website

    2014 · chromewebstore.google.com · its alternatives →

13. 13
    TrackChanges▲110

    Share what you've changed

    2017 · chromewebstore.google.com · its alternatives →

14. 14
    UI Inspector for Google Chrome▲177

    Edit web pages like Figma

    2024 · chromewebstore.google.com · its alternatives →

15. 15
    In-view.js – Get notified when DOM elements enter or exit the viewport▲118

    Get notified when a DOM element enters or exits the viewport. :eyes: - camwiegert/in-view

    2016 · github.com · its alternatives →

16. 16
    DesignQA▲150

    The fastest way to report design bugs

    2025 · designqa.com · its alternatives →

17. 17
    ReadlineJs▲139

    A read position indicator at the top of the page .

    2019 · devaman.github.io · its alternatives →

18. 18
    Codewich – A live-updating TypeScript/CSS/HTML playground▲114

    Create and share simple web demos using TypeScript, CSS, and HTML. Prototype new ideas quickly.

    2017 · codewich.com · its alternatives →

19. 19
    Debugger that generates video visualizations for algorithm learning▲102

    A simple Python debugger and profiler that generates animated visualizations of program flow, useful for algorithm learning. - CCExtractor/vardbg

    2020 · github.com · its alternatives →

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

21. 21
    Whitespace▲101

    Create bug reports in seconds

    2023 · whitespace.dev · its alternatives →

22. 22
    VSCode Cheatsheet▲99

    A cheatsheet to help you remember keybinds for VSCode

    2020 · chromewebstore.google.com · its alternatives →

23. 23
    Glance ▲87

    Real browser for Claude Code Test, Screenshot, Automate

    Mar 2026 · glance.debugbase.io · its alternatives →

24. 24
    Stylestats▲59

    A Node.js library to collect CSS statistics

    2014 · stylestats.org · 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 →