Use this Chrome extension to instantly analyze web design styles without digging into source code
Price
The current price of one code
Total Revenue
Est. lifetime revenue generated via AppSumo
Total Purchases
Number of times purchased
Deal Duration
How long the deal was available
Question Answer Rate
Percentage of questions answered
Question Avg Response Time
On average, developer answered questions within
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.
TLDR;
- Quickly inspect any element, extract CSS properties, and access detailed typography info without coding
- Explore all website colors organized by purpose, like background, text, borders, and more
At a Glance
Best for
- Product designers
- Web design agencies
- Web designers
Operating system
- Browser-based
Detailed Description
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!