CSS Peeper
TL;DR
CSS Peeper is a Chrome extension that lets designers and developers inspect and extract styles from any website with a point-and-click — colors, typography, spacing, assets and CSS — without digging through DevTools. It has a 4.46/5 from 24 AppSumo reviews. The AppSumo lifetime deal was $29 one-time for Ultra (70% off $96) and is currently sold out.
Key Facts
Free version: CSS Peeper has a free Basic plan (basic inspector, 3 smart inspections/day, asset export and palette export) and paid Professional ($2.49/mo) and Ultra ($4.99/mo) tiers. The AppSumo lifetime deal gave permanent Ultra for $29 one-time — it's now sold out.
Pricing
Starting at $29 one-time for the lifetime deal (Ultra)
Ultra (Lifetime Deal)
- Advanced inspector with unlimited smart inspections
- Semantic color groups, typography hierarchy and instances
- Advanced contrast checker and contrast-issue scanner
- Sidebar mode, dark mode, gradient and design token tools
- Asset browser and palette export
- All future Ultra updates
Additional Pricing Information
CSS Peeper is freemium: Basic free, Professional $2.49/mo billed yearly (reg $2.99), Ultra $4.99/mo billed yearly (reg $5.99), with a 7-day free trial and 40% annual discount. The AppSumo lifetime deal was $29 one-time for Ultra (regular $96, ~70% off). It has a 4.46/5 from 24 AppSumo reviews and is currently sold out.
Details
What is CSS Peeper?
CSS Peeper is a Chrome extension built for designers, frontend developers and design agencies who want to understand a website's design system without wading through DevTools. You hover over any element and it reveals the relevant styles: colors in HSL/Hex/RGBA with semantic color groups, typography details with hierarchy and font pairings, spacing and borders, plus an asset browser to download all images, icons and SVGs on a page. It was founded in December 2016 in Poland (Sparkglare Sp. z o.o.) by designer Dawid Młynarz and has been a quiet favorite in the design community for nearly a decade — Ran Segall (Flux Academy) and Zander Whitehurst (Memorisely) are vocal fans. The AppSumo lifetime deal ($29 for Ultra, 4.46/5 from 24 reviews) is currently sold out. For style audits, brand matching and design reviews, it's a genuinely handy tool; for everyone else it's an unnecessary subscription.
Key Features
- *Point-and-Click Inspector** — see padding, spacing, borders and CSS for any element without opening DevTools
- *Color Inspector** — HSL/Hex/RGBA values, semantic color groups, palette export
- *Typography Tools** — font family, size, weight and style, hierarchy and font pairings
- *Contrast Checker** — WCAG contrast checking plus a contrast-issue scanner (paid)
- *Asset Browser** — browse and download all images, icons and SVGs on a page
- *Smart Inspections** — contextual style suggestions (3/day free, unlimited paid)
- *Extra Tools** — sidebar mode, gradients, design tokens and dark mode
Who is it for?
- Product and web designers auditing competitor or inspiration sites
- Frontend developers who want a faster read on an existing codebase's styles
- Design agencies doing brand-matching and style consistency reviews
- Anyone who wants to grab a color palette or set of assets in seconds
Who is it NOT for?
- Firefox or Safari users — this is Chrome-only
- Casual users who just need an eyedropper — the free tier covers that
- Teams needing advanced CSS customization, not just inspection
- Anyone wary of paying a subscription for what could be a one-time utility
The Bottom Line
CSS Peeper is a lovely, focused utility that genuinely speeds up design work — if you inspect styles for a living, it pays for itself instantly. The $29 lifetime deal for Ultra was a steal, but it's sold out and the regular subscription is steep for a Chrome extension. A recommended tool, a meh ongoing price, and nothing to buy today.
Visit website →