CSS Peeper
Use this Chrome extension to instantly analyze web design styles without digging into source code
You can find inspiration anywhere, but replicating those elements yourself can take forever. (“Cool font. I’ll never find it again.”)
Instead of hitting the ground running, you’re wasting time digging through code to identify colors, fonts, and assets.
Wish you could peek under the hood of any site and instantly inspect any element—without touching a single line of code?
Do it with CSS Peeper.
TL;DR
At-a-glance
Overview
CSS Peeper is a Chrome extension that lets you inspect, explore, and analyze design properties without digging into code.
Instantly inspect any website
CSS Peeper lets you inspect any element on a website in Chrome, helping you break down how sites are made so you can recreate them for your own purposes.
- Simply point and click on any element to see specific design information
- Reveal more in-depth information like padding, distance between elements, content size, borders, and more
Quickly inspect any website element with a simple point and click.
Analyze your favorite color palettes
Even better, you’ll be able to instantly access the entire color palette of any website using the Color Inspector.
- See specific HSL, Hex, and RGBA values for any color
- Find the colors used in specific places like backgrounds, text, and borders
- Copy a specific color palette and export for future use and faster design workflows
Instantly discover, analyze, and export website colors organized by purpose.
Access typography information
CSS Peeper also lets you explore the typography across any site to replicate styles within any design program.
- Access detailed typography info like font family, size, weight, and style
- View text hierarchy and font pairings to get inspired for your own projects
Access detailed typography information, including the weight and size of font, in seconds.
Browse and download assets
And to take things up a notch, CSS Peeper makes it easy to export every graphic on any website in just a few clicks.
- Download images, SVGs, and icons for instant access to any graphic
- Save time and speed up your prototype process with powerful CSS extraction support
Easily grab every asset from a webpage with all the resources at your fingertips.
CSS Peeper lets you inspect styles, colors, fonts, and assets with a click—complete with organized design data and accessibility checks.
Access instant web style insights.
Get lifetime access to CSS Peeper today!
Plans & features
Deal terms & conditions
- Lifetime access to CSS Peeper
- All future Ultra Plan updates
- If Plan name changes, deal will be mapped to the new Plan name with all accompanying updates
- No codes, no stacking—just choose the plan that’s right for you
- You must activate your license within 60 days of purchase
- This deal cannot be upgraded or downgraded between license tiers
- CSS Peeper requires to use of Google Chrome to function
- Only for new CSS Peeper users who do not have existing accounts
60 day money-back guarantee. Try it out for 2 months to make sure it's right for you!