Upgrade
Merlin

Compare Chrome extensions: CSS Used vs CSS Peeper

Upgrade to compare more stats
Stats CSS Used CSS Used CSS Peeper CSS Peeper
User count 60,000+ 500,000+
Average rating 4.58 4.62
Rating count 176 343
Last updated 2023-01-17 2023-11-20
Size 167.94K 285.70K
Version 3.0.0 0.5.6
Short description
Get all css rules used by the selected DOM and its descendants. Extract CSS and build beautiful styleguides.
Full summary

One click to get all the css applied to the selected web element and its descendants.

-- Recent Update --

  1. Migrated to Manifest V3.
  2. Resources are read from local caches, making it much faster and solves the cross-origin issue.
  3. Optimized style parsing in a more efficient way.
  4. Dropped support for some outdated CSS, mostly -o- and -ms- prefixed properties.
  5. Implemented a new UI powered by Svelte, with some visual tweaks.

-- Known Limit --

  1. For CSS rules like ".wrap p{...}", if only "

    " is selected, the result ".wrap p{...}" will not apply to "

    ". Either change the rule to "p{...}" or add a ".wrap" parent in the final HTML.

  2. CSS custom properties (variables) and all the style inherit related features are not supported currently.

🔎 No more digging in a code. Inspect styles in a simple, well-organized & beautiful way. Get it now!

CSS Peeper is a CSS viewer tailored for Designers. Get access to the useful styles with our Chrome extension. Our mission is to let Designers focus on design, and spend as little time as possible digging in a code.

Ever wondered what’s the line-height, font or a button size on a website? We provide you the ultimate tool to satisfy your curiosity. We enable you to inspect code in the easiest possible way. Check the hidden CSS style of objects, colors and assets on the web.

Follow us on Twitter: https://twitter.com/CSSPeeper