CSS Detective

by 2alexsbarros@gmail.com · Developer Tools

Manifest V3 in_app

View in Chrome Web Store Data as of 16 Oct 2026

Inspect and copy CSS for free. Generate reduced CSS and Tailwind classes with Pro.

Users

−1 in 30 days

Rating

5.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#289K

#238K among extensions

Version

1.0.0

updated 4 Aug 2026

Users

monthly, 8 months

Latest, 16 Oct 2026: 3 usersMove the mouse over the chart for any month

Ratings count

monthly, 8 months

Latest, 16 Oct 2026: 2 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About CSS Detective

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.