CSS Peeper icon

CSS Peeper

Extension Actions

CRX ID
mbnbehikldjhnfehhnaidhjhoofhpehk
Status
  • Extension status: Featured
  • Live on Store
Description from extension meta

Inspect website styles in seconds. Supercharge your workflow, and save hours of work.

Image from store
CSS Peeper
Description from store

CSS Peeper is the ultimate Chrome extension for designers and developers who want a seamless way to inspect and extract design properties from any website. Say goodbye to digging through complex code. CSS Peeper provides an intuitive, organized interface to access key design details.

Professionals deserve tools that save time. Let CSS Peeper streamline your workflow and help you work smarter, not harder. Join 500,000+ professionals who are already making the most of their time.

Supercharge your workflow with advanced design inspection features and save hours of work. No more digging in a code.

šŸ‘‰ Get CSS Peeper for Free! Install now and start inspecting websites in seconds. Visit https://csspeeper.com for more details.

šŸ” FREE Core features:

✦ Inspect design properties effortlessly. Stop digging through the code. Save hours by quickly inspecting element properties with a simple point-and-click.
✦ Explore colors used on your favorite sites. Browse a variety of colors, find inspiration, and easily check contrast. Love a palette? Export it to your favorite design tool.
✦ Identify typography. Explore the typography across any site, uncover unique font pairings, and check the most relevant text properties.
✦ Explore assets. Browse and download all images, icons, and graphics used across a website.

ā­ļø Premium features:

✦ Browse and explore the typography in use on any website. Preview the typography hierarchy to understand font choices, sizes, and styles, helping you design confidently and efficiently.
✦ Effortlessly identify typography instances and gain deeper insights into font style applications. Navigate to a dedicated screen to inspect each type of style with precision.
✦ Browse colors by semantic grouping including typography, background, border, and more. Identify colors in context to get more insights.
✦ Inspect individual color instances and explore their use cases, including value, category, class, and design token.
✦ Contrast scanner helps you stay aligned with the best accessibility practices. Instantly assess contrast issues, ensuring your websites are beautiful and accessible.
✦ Smart Inspector offers an advanced way to inspect design details at a glance. It provides deeper insights into design properties, including color contrast, shadows, and elevation effects.
✦ Switch to Sidebar Mode to gain full access to the website’s viewport.

You can see the full list of available features at https://csspeeper.com/pricing

----------------------------------------------------

By using the CSS Peeper extension, you agree to our Terms & Conditions (https://csspeeper.com/terms-and-conditions) and Privacy Policy (https://csspeeper.com/privacy-policy).

CSS Peeper is proud to support Learn to Code, a nonprofit that supports our mission to help everyone become better coders. By using affiliate links, we invite you to help our mission when you are shopping at partner stores, at no cost to you. Support is always optional, and can be permanently disabled at any time.

Latest reviews

Chris B
trash. adds popup on shopping carts now and it states its because they've partnered with charities..um no.
Abdulraman
CSS Peeper has completely transformed how I inspect design properties. No more digging through layers of code everything I need (colors, fonts, assets) is organized and instantly accessible. A must-have for any web designer
Jessica Nurenberg
CSS Peeper is convenient for inspecting styles, but it comes with serious security tradeoffs: -Its CSP choices open it up to code injection vulnerabilities. -It has access to sensitive local services (localhost). -It can send data to external servers, including its own. -It can potentially see your browsing history. Since the extension can inject scripts and exfiltrate data, if it’s ever compromised (supply chain attack, malicious update), it could be weaponized very quickly. The localhost access + weak CSP makes this plugin a serious risk - sensitive development environments, API keys, or private projects could be exposed.
Nimagamebaz
Not Working
Sajad Safari
It doesn't work...
The Exceptional
Very Good
Benjamin Chavez
As a developer I don't mind paying for a good piece of software, but I don't particularly enjoy paywalled features and adds being thrown in my face the entire time. Seems like a decent extension, but it felt really spammy to me.
Rem Deen
Awesome
Jamiu
Great tool
Monday Thompson
Impressed with how it works.
Edwin Jasper
Amazing.
Mason Gray
Works great.
Sophia Jenkins
Essential for Web Creatives.
David H
Be careful, this plugin installs spyware and inserts affiliate links.
Om Bhatt
kept crashing after few minutes.. had to refresh many times to use .. too fustrating.. Error says => Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'create')
Graham Nolte
Saves a lot of time!
Fedric Mx
Impressive and slick! CSS Peeper is fast, beautifully designed, and streamlines inspecting site style elements. Especially love the contrast scanner and smart inspector keeps me in line with accessibility best practices effortlessly
Samuel Voton
CSS Peeper saves me so many steps—and time. Highly recommended for designers and developers alike.
Philip Tyson
A must-have for anyone who cares about design. CSS Peeper lets me inspect and extract design properties with point‑and‑click ease. The palette export and typography insights are unbelievably useful. Love it
Emmanuel Asika
Looks solid at first but a lot of outdated and lackluster features. for one yo ucant export to css variables, only sketch.. i mean who uses sketch in 2025? Only Pixel is shown for text font size, there should be a button to convert to different formats or atleast show what the actual website used, dont make everything pixels. There's also no class export system, why not have all the detected tag styles exportable as classes? so many ways this would have been perfect for me, but it isnt.
Alim X
I love how easy it is to use. Clean interface and really useful for design work.
Marex Rick
Super helpful for quickly checking CSS on any site. Saves me a ton of time.
Benz leo Jackson
Excellent.
Gabriel Powell
Love this extension! Makes it so easy to see fonts, colors, and other design details without digging through code.
Eric Davies
A Must-Have for Designers & Developers.
Mahesh Mohan
Correct me if I am wrong, but I think this plugin is injecting affiliate spyware. I see an affiliate cooking hijacking pop-up, and it's going away when I turn off this plugin.
Arisa Casey
Trusted privacy and seamless performance.
Michael Adams
Time‑Saver Extraordinaire.
Daniel Coleman
As a developer, CSS Peeper is indispensable. I can quickly grab CSS for elements, check color contrast for accessibility, and see layout dimensions in real time. It complements my DevTools workflow beautifully.
Remirez Scarlett
Very helpful for quick design checks. Clean and simple interface.
Ethan Ford
Love this tool! Makes it so easy to see styles without digging through code.
Adam
Makes inspecting design so smooth. Love that I can browse color contrast, typography hierarchy, and download assets in a snap.
Matias Jett
Being able to see all the typography styles on a page with the Ultra plan is amazing. It helps me spot inconsistencies right away.
Thiago Wesley
Best tool for UI designers.
Patrick John
The upgrade from Free to Ultra was seamless thanks to the 7‑day trial. Semantic color grouping, advanced contrast checking, typography hierarchy view these features elevated my workflow. Truly a must-have for professional designers who care about detail.
Exceptional Tech
Love how organized and easy to use CSS Peeper is. Whether I’m browsing fonts, capturing icons, or checking color contrast everything is at my fingertips. It’s elegantly simple and incredibly powerful.
Hughes Bradley
Truly a designer’s dream.
Abigail Stone
Exactly What I Needed.
Harper West
This extension is a must-have for web developers. It quickly breaks down a website’s CSS so you can see exactly how things are styled. No need to dig through layers of code manually anymore CSS Peeper makes it simple. Plus, it’s lightweight and works seamlessly within the Chrome browser. 10/10.
Mathew James
Great Tool for Designers.
Bentley Zayden
CSS Peeper makes inspecting colors, typography, and assets extremely easy and the contrast scanner is perfect for accessibility checks. Loving how it's so thoughtful and streamlined.
Abubakar Shuaibu
Really impresses with how it simplifies complex styles.
Duane Leslie
Worth every penny.
Mohamed Boubaker
why it stop working , ??
Brandon Milerex
As a developer, CSS Peeper is indispensable. I can quickly grab CSS for elements, check color contrast for accessibility, and see layout dimensions in real time. It complements my DevTools workflow beautifully.
Williams Cedric
I love how CSS Peeper organizes styles visually. Browsing palettes, fonts, and assets is effortless, and exporting them to Figma or Sketch is a breeze. It’s perfect for designers who want fast, clean access to a site's design.
Morris Clifton
Makes Style Research Effortless
Kenneth Williams
This extension has become a go-to in my toolbox. It makes understanding layout and style choices on any site incredibly simple. Love how it even shows fonts and color palettes at a glance. Huge time saver and just super well built.
Julian Morgan
its good and helps so much
Logan Prince
Best Of Best.