Chrome extension · Manifest V3
Zero-telemetry CSS, SVG &
Tailwind v4 inspector
Hover any element to read its real typography, spacing and box model. Pull the whole page's color palette, inline SVGs and images in one click. Then — when you want to reuse what you see — export the exact computed styles as clean Tailwind v4, React JSX or design tokens. The clean alternative to CSS Peeper and CSS Scan.
Free tier is permanently useful: full inspection, palette & SVG extraction, no account.
Why switch
The old inspect tools started watching you back
The category leader, CSS Peeper, has slid to a ★2.6 rating across hundreds of recent reviews. Users describe the same two complaints: basic features moved behind a paywall, and third-party fundraising popups plus IP collection appearing inside a design tool. If you want the inspect workflow without any of that, TokenPeep was built for you.
| Capability | TokenPeep | CSS Peeper ★2.6 · ~400k users | CSS Scan $59 one-time |
|---|---|---|---|
| Hover inspection of computed styles | Yes — free | Yes | Yes |
| Full-page palette, SVG & image export | Yes — free | Paid / partial | No |
| Copy as clean Tailwind v4 | Yes — Pro | No | No |
| Export React JSX component | Yes — Pro | No | No |
| Background scripts or telemetry | None — activeTab only | Reports of IP collection & injected popups | Unknown |
| Price | $29 one-time / $6 mo | Subscription | $59 one-time |
Competitor facts reflect their public Chrome Web Store listings and pricing pages as of November 2026. Trademarks belong to their owners.
Feature breakdown
Look at everything. Exfiltrate nothing.
Inspect (free)
- Hover any element for font family, size, weight, line-height, letter-spacing
- Exact spacing & box model: margins, paddings, borders, radii
- Full-page color palette with WCAG contrast pairs and copyable HEX / RGB / OKLCH
- One-click extraction of every inline SVG (optimized) and image asset
- CSS variables and font stacks surfaced with the computed value first
Export & edit (Pro)
- Deterministic compiler: computed DOM → clean Tailwind v4 utility classes
- Same node → React TSX / JSX component with Tailwind utility classes
- Same node → Scoped CSS & tokens (:root custom properties)
- Resolves browser defaults, inheritance and :hover state deltas
- Live visual CSS editing — tweak values and watch the page update
- Licensed for 3 of your own devices; release & move them any time
The privacy model, in one paragraph
TokenPeep never requests broad <all_urls> host permissions — only activeTab + scripting (to mount the Shadow DOM inspector on the page you're viewing, solely after you click the icon) and storage (to remember your local settings and license). There is no background page monitoring, no analytics endpoint, and no account. License validation sends your key to our edge gateway — nothing else, and it's cached for a day. Read the full privacy policy.
Pricing
Free forever for inspection.
One payment for export.
| Feature | Free | Pro — $29 one-time or $6/month |
|---|---|---|
| Hover inspection (type, spacing, box) | ✓ | ✓ |
| Color palette & contrast pairs | ✓ | ✓ |
| SVG & image extraction | ✓ | ✓ |
| Copy computed CSS as-is | ✓ | ✓ |
| Export to Tailwind v4 | — | ✓ |
| Export React JSX component | — | ✓ |
| Export CSS design tokens | — | ✓ |
| Live visual CSS editing | — | ✓ |
| Devices | — | 3 (movable) |
| Refund window | — | 14 days, no questions |
TokenPeep questions
How is this different from Chrome DevTools?
DevTools shows you the stylesheet cascade; TokenPeep shows you the result — the final computed values with inheritance already resolved — and compiles it into frameworks you actually use. It's for understanding and reusing design, not debugging rules.
Does the Tailwind export really produce clean classes?
Yes — the compiler maps computed values deterministically to Tailwind v4 utilities (including arbitrary values when exact), so you get readable markup instead of inline-style soup. Values that don't map cleanly are emitted as arbitrary values that still match the pixel output.
What if I hit the 3-device limit?
Release a device from TokenPeep's license panel and activate on the new machine. The limit exists to keep one-time pricing sustainable, not to corner you.
Refunds?
14 days, email or the Creem portal, and we release your key on refund. See the refund policy.
Support
Questions before buying?
Email support — answered by the developer, usually within one business day.