StyleSnap — CSS Inspector & Copy

StyleSnap is a clean CSS inspector for Chrome. Click the icon, hover any element — and see its styles instantly: selector, typography, colors and box model in a card next to your cursor. Click to pin and expand. No ads. ━━ WHAT YOU CAN DO ━━ • Inspect CSS on hover — selector, dimensions, font and colors of any element, without opening DevTools. • Click to pin and expand — a full panel with Typography, Colors and Box sections. • Copy CSS in one click — a clean, ready-to-paste block: size, spacing, fonts, colors, borders, shadows. • Copy any color — text, background and border colors as hex; click a swatch to copy it. • Copy the selector. Click another element to re-pin. Press Esc to exit. ━━ PAGE PALETTE ━━ Press P and StyleSnap collects every color the page actually uses: • Each color with the number of elements using it, so the real system stands out from the accidents. • Click any swatch to copy that value. • Copy the whole palette as CSS variables, ready to paste into your stylesheet — or as JSON. ━━ ASSETS ━━ Press A for everything the page loads: • Images, with their pixel dimensions. • Background images pulled from CSS. • Font files, so you can see what the page actually downloads. • Copy every URL in one click, or click a row to copy just that one. ━━ HISTORY ━━ Every element you pin lands in history — the last 30, each with its CSS ready to paste and the site you found it on. Press H to open it. Comparing two pages no longer means losing the first one. The history lives on your device; nothing is uploaded anywhere. ━━ WHY STYLESNAP ━━ ✓ No ads — ever. ✓ Featherweight: no popup, no background activity. Runs only on the tab where you activate it, only while you use it. ✓ Minimal permissions: activeTab and scripting, granted by your click, plus storage for your own history. No broad host access, no access to sites you did not activate it on. ✓ Manifest V3 native. StyleSnap is a focused, single-purpose tool: see the styles, copy them, move on.