StyleSnap — CSS Inspector & Copy

Clean CSS inspector. Hover any element to see typography, colors & box model. Click to pin, copy CSS in one click. No ads.

StyleSnap is a clean CSS inspector for Chrome. Click the icon, hover any element — and see its styles instantly: 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 & expand — 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. • Copy the selector. Click another element to re-pin. Press Esc to exit. ━━ WHY STYLESNAP ━━ ✓ No ads — ever. ✓ Featherweight: no popup, no background activity. Runs only where and when you activate it. ✓ Minimal permissions: activeTab and scripting, granted by your click. No broad host access. ✓ Manifest V3 native. ━━ COMING SOON (PRO) ━━ ★ Export page palette — every color of the page as CSS variables or JSON. ★ Asset export & history. StyleSnap is a focused, single-purpose tool: see the styles, copy them, move on.