Zero backend · Zero tracking

CSS Snap

Hover any element. See its CSS instantly.

Why it's different

Not just another CSS inspector

Same core idea as CSS Scan — hover, inspect, copy — with a handful of real gaps closed.

Shadow-DOM aware

Hover and click resolve into open shadow roots, so modern web-component-heavy sites work correctly instead of just returning the component's host tag.

Scroll/SPA-safe pinning

The pinned tooltip re-tracks its element on scroll and resize, and auto-unpins if a framework's re-render removes the element — never left pointing at a ghost.

Keyboard-first navigation

Alt+↑ / Alt+↓ walk up to the parent and back down to the child while pinned, and C copies the current format — no re-aiming the mouse at a 2px wrapper div.

Live WCAG contrast checker

Text/background pairs get an inline AA/AAA/Fail chip, computed with real relative-luminance math against the nearest opaque background.

Native eyedropper

One click samples any pixel on screen using Chrome's built-in EyeDropper API and copies the hex — zero extra permissions, zero backend.

Pseudo-element support

::before and ::after are diffed and shown separately, and folded into the copied CSS as their own rule blocks.

Global shortcut

Alt+Shift+C toggles scanning from any tab without opening the popup — remappable in chrome://extensions/shortcuts.

Outage-safe licensing

If the license server is briefly unreachable, an already-active license is left alone and retried later — you're never locked out just because you're offline.

Pricing

Free to start. Pay once if you want more.

No subscriptions to remember to cancel — every paid tier is a single payment for a fixed amount of access.

Free
$0
forever
  • 15 inspections / day
  • CSS, Tailwind & React copy
  • All core features unlocked
Add to Chrome
Basic
$3.99
one-time · 30 days access
  • Unlimited inspections
  • Everything in Free
  • Not a subscription
Buy Basic
Lifetime
$39
one-time · never expires
  • Unlimited inspections
  • Everything in Free
  • Pay once, forever
Buy Lifetime

Basic and Standard are one-time payments for a fixed window of access — not auto-renewing subscriptions. You will not be billed again automatically.

Stop switching to DevTools for every little thing.

Install it, hover something, see the CSS. That's the whole product.

Add to Chrome — Free