Item logo image for CSS Detective

CSS Detective

5.0(

2 ratings

)
ExtensionDeveloper Tools2 users
Item media 2 (screenshot) for CSS Detective
Item media 1 (screenshot) for CSS Detective
Item media 2 (screenshot) for CSS Detective
Item media 1 (screenshot) for CSS Detective
Item media 1 (screenshot) for CSS Detective
Item media 2 (screenshot) for CSS Detective

Overview

Inspect, Copy & Clean CSS professionally with Pro features.

CSS Detective — Inspect, Copy & Clean CSS Summary Instantly inspect CSS properties, copy clean code, and generate Pro snippets for Tailwind and Reduced CSS. 🕵️ Why CSS Detective? Stop digging through the complex DevTools. CSS Detective is the ultimate companion for web developers and designers who need to understand how any website is styled—instantly. Whether you are debugging your own site or getting inspiration from others, CSS Detective gives you the exact properties you need in a beautiful, organized panel. 🚀 Key Features (Free Version) - Live Hover Inspection: Move your mouse over any element to see its CSS instantly. - Organized Groups: Properties are categorized (Typography, Spacing, Layout, etc.) for quick reading. - Smart Hex Conversion: Automatically converts RGB colors to HEX for a cleaner workflow. - Shadow DOM Protection: The UI stays consistent and won't be broken by the website's own styles. 💎 Pro Features (One-Time Payment) - Unlock the full power of the "Detective" with a single payment: - Reduced CSS Engine: Automatically detects and shows only the properties that differ from the parent element—no more redundant code! - Tailwind Snippets: Instant conversion of styles into Tailwind CSS classes. -Smart Export: Generate CSS custom properties and clean shorthand snippets. - Auto-Copy & Pin: Click once to "freeze" the inspector and automatically copy the CSS to your clipboard. 📖 How to Use 1. Activate: Press Cmd + Shift + K (Mac) or Ctrl + Shift + K (Windows) to toggle the extension ON/OFF. 2. Inspect: Simply hover your mouse over any element on the page. 3. Freeze & Copy: Click on an element to Pin the window and Auto-copy the CSS block. 4. Go Pro: Click the Upgrade button inside the inspector panel to unlock advanced features through ExtensionPay One-Time Deal USD 37! No annoying subscriptions. Pay once, own it forever. 🛠 Developed for Professionals Privacy First: We don't track your browsing history or data. Lightweight: Built with Manifest V3 for maximum performance and security. One-Time Deal: No annoying subscriptions. Pay once, own it forever.

Details

  • Version
    0.2.1
  • Updated
    March 2, 2026
  • Features
    Offers in-app purchases
  • Size
    1.19MiB
  • Languages
    English (United States)
  • Developer
    Email
    2alexsbarros@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

CSS Detective has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

CSS Detective handles the following:

Personally identifiable information
Financial and payment information
User activity
Website content

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
Google apps