Item logo image for StyleSpy — CSS & State Inspector

StyleSpy — CSS & State Inspector

https://sharaj.pages.dev/
Item media 5 (screenshot) for StyleSpy — CSS & State Inspector
Item media 1 (screenshot) for StyleSpy — CSS & State Inspector
Item media 2 (screenshot) for StyleSpy — CSS & State Inspector
Item media 3 (screenshot) for StyleSpy — CSS & State Inspector
Item media 4 (screenshot) for StyleSpy — CSS & State Inspector
Item media 5 (screenshot) for StyleSpy — CSS & State Inspector
Item media 1 (screenshot) for StyleSpy — CSS & State Inspector
Item media 1 (screenshot) for StyleSpy — CSS & State Inspector
Item media 2 (screenshot) for StyleSpy — CSS & State Inspector
Item media 3 (screenshot) for StyleSpy — CSS & State Inspector
Item media 4 (screenshot) for StyleSpy — CSS & State Inspector
Item media 5 (screenshot) for StyleSpy — CSS & State Inspector

Overview

Inspect CSS of static, hidden and dynamic elements. Freeze hover/focus states, reveal ghost DOM, track mutations.

StyleSpy is a CSS and state inspector for developers and QA engineers. One click captures every element on the page — including the ones other tools miss. Unlike single-property pickers, StyleSpy reads the WHOLE page at once and shows each element's computed colour, background, font family/size/weight, line-height, spacing, alignment, and box model — then hands you copy-ready CSS selectors and XPath for Selenium, Playwright, and Cypress. FEATURES • Capture Page — list every element with its computed CSS, exportable to CSV / JSON. • Full table — a wide, sortable, column-toggleable spreadsheet of the whole capture. • Freeze (Ctrl/Cmd+Shift+F) — lock the current hover/focus/active state and hold CSS tooltips and menus on screen so you can inspect them. A 3-second countdown gives you time to open a menu first. • Force State — re-apply a page's own :hover/:focus/:active rules to any selector, no pointer needed. • Ghost DOM — find and reveal elements hidden via display:none, visibility:hidden, opacity:0, or zero-size (closed modals, dropdowns, SR-only text, tracking pixels). • Mutations — a live feed of DOM changes, with break-on-mutation to freeze the instant a popup opens. • Locator health — grades every element's locator strong / class / fragile and shows a "% automatable" score, so you can spot UI that lacks test hooks. • WCAG contrast check with an AA pass/fail flag. PRIVACY StyleSpy runs entirely in your browser. No analytics, no telemetry, no tracking, and no network requests — your data never leaves your device. Requires Chrome 114+ (Side Panel API).

Details

  • Version
    2.0.0
  • Updated
    June 14, 2026
  • Size
    300KiB
  • Languages
    English
  • Developer
    Sharaj Rewoo
    Hinjawadi Phase 1 Rd Pune, Pimpri-Chinchwad, Maharashtra 411057 IN
    Website
    Email
    srewoo@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Elementor - Inspect, Copy & Download Elements

5.0

Visual Element Inspector with CSS Copy, Color Picker, Asset Download & DOM Eraser

Developer DOM Inspector

5.0

Inspect DOM elements visually

CSS Peek: Element Inspector

5.0

Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography.

XPath Finder & CSS Selector Generator – XPath Forte

5.0

Generate robust XPath, CSS & Playwright locators with stability scoring. Element inspector for Selenium & Playwright automation.

CSS DNA — Inspect CSS & Extract Design Tokens

5.0

Inspect any element's CSS and extract a site's colors, fonts & design tokens — export to Tailwind, CSS, JSON, Figma & more.

CSS Seeker: Inspect Element, Extract CSS & Tailwind

5.0

Inspect element, font styles, pick colors, extract CSS/Tailwind from any site.

CSS Spacing Inspector

0.0

Hover to see margin, padding, and gap overlays with pixel values

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Border Patrol – CSS Debugger & Element Outliner

5.0

CSS box model debugger & element outliner for fast UI inspection, layout visualization, and faster frontend development.

Tweaklify

5.0

Fast DOM prototyping & live style editing — click any element to inspect and tweak it instantly.

CSS Viewer - Inspect & Copy Any Element's CSS

0.0

Inspect CSS on any page. View matched rules, computed styles, SCSS, Tailwind, and JSX.

WhatTheCSS

0.0

Inspect CSS on any site: colors, fonts, contrast, box model. Tweak it live and copy the CSS. Built for developers and designers.

Elementor - Inspect, Copy & Download Elements

5.0

Visual Element Inspector with CSS Copy, Color Picker, Asset Download & DOM Eraser

Developer DOM Inspector

5.0

Inspect DOM elements visually

CSS Peek: Element Inspector

5.0

Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography.

XPath Finder & CSS Selector Generator – XPath Forte

5.0

Generate robust XPath, CSS & Playwright locators with stability scoring. Element inspector for Selenium & Playwright automation.

CSS DNA — Inspect CSS & Extract Design Tokens

5.0

Inspect any element's CSS and extract a site's colors, fonts & design tokens — export to Tailwind, CSS, JSON, Figma & more.

CSS Seeker: Inspect Element, Extract CSS & Tailwind

5.0

Inspect element, font styles, pick colors, extract CSS/Tailwind from any site.

CSS Spacing Inspector

0.0

Hover to see margin, padding, and gap overlays with pixel values

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Google apps