Item logo image for CSSpy

CSSpy

5.0(

1 rating

)
Item media 3 (screenshot) for CSSpy
Item media 1 (screenshot) for CSSpy
Item media 2 (screenshot) for CSSpy
Item media 3 (screenshot) for CSSpy
Item media 1 (screenshot) for CSSpy
Item media 1 (screenshot) for CSSpy
Item media 2 (screenshot) for CSSpy
Item media 3 (screenshot) for CSSpy

Overview

Ein einfacher Web Inspector, um HTML-Elemente und deren CSS-Eigenschaften auf Webseiten anzuzeigen.

Hello developers and designers! Tired of tedious digging through complex stylesheets or cumbersome navigation in browser developer tools just to quickly check an element's CSS properties? CSSpy is here to revolutionize your workflow! CSSpy is a sleek and powerful Chrome extension designed to make your life easier. With just a simple hover, you can instantly view all relevant CSS properties of any element on a webpage. Whether it's fonts, colors, spacing, positioning, or effects – CSSpy delivers the information clearly and directly at your cursor. Why CSSpy will become your new best friend: • Lightning-Fast Inspection: Simply move your mouse over an element, and CSSpy instantly displays all computed CSS styles in a clear tooltip. No clicking, no searching – pure efficiency! • Effortless Operation: Activate CSSpy with a click in the popup and start inspecting immediately. Use the ESC key to deactivate the inspector at any time. • All Important Info at a Glance: Font & Text: font-family, font-size, font-style, font-weight, text-transform Colors & Background: color, background-color, background-position (incl. color preview) • Box Model: height, width, padding, margin, border • Positioning: display, position, z-index, overflow • Effects: transform, transition, outline, box-sizing, opacity • Clear and Concise: The tooltip is designed so you can quickly grasp the information you need without being overwhelmed by unnecessary details. • Saves Valuable Time: Focus on what matters – designing and developing great websites – instead of wasting time hunting for CSS properties. • Lightweight & Privacy-Friendly: CSSpy works entirely locally in your browser. No data is collected or sent to external servers. Your privacy is important to us! Ideal for: Web developers looking to quickly debug or understand styles • Web designers seeking inspiration or verifying design implementation • Frontend beginners wanting to better understand the interplay of HTML and CSS • Anyone who regularly works with web technologies and seeks a fast way to analyze CSS. Install CSSpy today and experience how simple and fast CSS inspection can be! We welcome your feedback and suggestions! Contact: info@newcreation.de

Details

  • Version
    1.0.0
  • Updated
    May 27, 2025
  • Offered by
    jochen
  • Size
    29.46KiB
  • Languages
    English
  • Developer
    newcreation Media GmbH
    Grühlingshöhe 3 Saarbrücken 66125 DE
    Email
    info@newcreation.de
  • 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

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

View CSS

4.7

A Chrome extension to view the CSS of any website.

Pesticide - Advanced CSS Debugger

4.9

Not only inserts outlines (without background color) on all elements, but also inspects size and layout. CSS is awesome!

UI Inspector - Visual CSS Editor

3.7

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

WhatFont

4.0

The easiest way to identify fonts on web pages.

Quick Inspect Element

4.2

Quickly inspect HTML elements with a simple mouse hover.

Inspect Element

5.0

Use Inspect element – a CSS viewer with Chrome inspect element shortcut. Learn how to inspect element easily using this simple tool!

HTML Viewer

5.0

Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis

Screen Ruler - Measure The Web

4.6

Measure sizes, distances, margins and paddings of any element on any web page.

Web Inspector

5.0

Use Web Inspector tool as a CSS viewer and website inspector for any page. It is a browser plugin for google chrome inspect element.

Show All Padding & Margins

4.5

Highlights margins and padding for all HTML elements in any webpage.

Whats the Font

5.0

Use Whats the Font – a simple typeface recognizer for any site. Check typeface with this font finder and easy font identifier tool.

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

View CSS

4.7

A Chrome extension to view the CSS of any website.

Pesticide - Advanced CSS Debugger

4.9

Not only inserts outlines (without background color) on all elements, but also inspects size and layout. CSS is awesome!

UI Inspector - Visual CSS Editor

3.7

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

WhatFont

4.0

The easiest way to identify fonts on web pages.

Quick Inspect Element

4.2

Quickly inspect HTML elements with a simple mouse hover.

Inspect Element

5.0

Use Inspect element – a CSS viewer with Chrome inspect element shortcut. Learn how to inspect element easily using this simple tool!

HTML Viewer

5.0

Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis

Screen Ruler - Measure The Web

4.6

Measure sizes, distances, margins and paddings of any element on any web page.

Google apps