CSS Snap

Hover any element to see its CSS instantly. Click to copy as CSS, Tailwind, or React.

Hover any element on any webpage to see its CSS instantly. Click to pin, then copy it as plain CSS, Tailwind classes, or a React component. WHAT MAKES CSS SNAP DIFFERENT - Shadow-DOM aware — works correctly on modern web-component-heavy sites, not just plain HTML - Scroll & SPA-safe pinning — pinned tooltips track their element and auto-unpin safely if the page re-renders around them - Keyboard-first navigation — Alt+↑/↓ to walk up and down the DOM tree, C to copy, no need to re-aim your mouse - Live WCAG contrast checker — see AA/AAA/Fail ratings for text and background pairs, computed in real time - Native eyedropper — sample any pixel on screen and copy the hex code instantly - Full ::before/::after pseudo-element support - Global keyboard shortcut (Alt+Shift+C) to toggle scanning without opening the popup PRICING Free tier: 15 inspections per day Basic (30 days): $3.99 Standard (1 year): $19.99 Lifetime: $39.99 100% client-side. No backend, no database, no tracking or analytics — the only network request this extension makes is a license check against Gumroad for paid tiers.