CSS Peeper

Extract CSS and build beautiful styleguides.

What is CSS Peeper?

CSS Peeper is a Chrome extension developed by CSS Peeper, and its main feature is "Extract CSS and build beautiful styleguides.".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download CSS Peeper Extension CRX File

Download CSS Peeper extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        🔎 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                    

Extension Basic Information

Name CSS Peeper CSS Peeper
ID mbnbehikldjhnfehhnaidhjhoofhpehk
Official URL https://chromewebstore.google.com/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk
Description Extract CSS and build beautiful styleguides.
File Size 279 KB
Installation Count 510,385
Current Version 0.5.6
Last Updated 2023-11-20
Publish Date 2017-04-12
Rating 4.63/5 Total 338 Ratings
Developer CSS Peeper
Email [email protected]
Payment Type free
Extension Website https://csspeeper.com
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "CSS Peeper",
    "description": "Extract CSS and build beautiful styleguides.",
    "version": "0.5.6",
    "permissions": [
        "activeTab",
        "scripting"
    ],
    "host_permissions": [
        "https:\/\/fonts.googleapis.com\/"
    ],
    "background": {
        "service_worker": "background.js"
    },
    "icons": {
        "32": "logo-32.png",
        "64": "logo-64.png",
        "128": "logo-128.png",
        "512": "logo-512.png"
    },
    "action": {
        "default_title": "Show me the styles!"
    },
    "content_security_policy": {
        "extension_pages": "script-src 'self'; object-src 'self'"
    },
    "manifest_version": 3
}