designr

Inspect CSS styles and save snapshots of web components and designs

What is designr?

designr is a Chrome extension developed by Angelina Tsuboi, and its main feature is "Inspect CSS styles and save snapshots of web components and designs".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download designr Extension CRX File

Download designr 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

                        designr is an open-source browser extension designed to inspect and save CSS styling on web pages. designr provides information about element styles and save the styles into a palette for later use. designr is a simple and intuitive way for designers and web developers to save CSS references 🎨.

This is a free and simple little plugin that helps you as a web developer, designer, or anyone who wants analyze and save website styling 💜

If you would like to contribute, please visit the GitHub repository:
https://github.com/ANG13T/designr

Additionally, visit my website to learn more about my projects and support my work! angelinatsuboi.net                    

Extension Basic Information

Name designr designr
ID llojjggmiihgebjhofkcedffdfdfeegn
Official URL https://chromewebstore.google.com/detail/designr/llojjggmiihgebjhofkcedffdfdfeegn
Description Inspect CSS styles and save snapshots of web components and designs
File Size 214 KB
Installation Count 365
Current Version 1.0.0
Last Updated 2023-03-19
Publish Date 2023-03-19
Rating 5.00/5 Total 2 Ratings
Developer Angelina Tsuboi
Email [email protected]
Payment Type free
Extension Website https://github.com/ANG13T/designr
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "designr",
    "version": "1.0.0",
    "description": "Inspect CSS styles and save snapshots of web components and designs",
    "author": "Angelina Tsuboi",
    "homepage_url": "https:\/\/github.com\/ANG13T\/designr",
    "icons": {
        "16": "assets\/icons\/icon16.png",
        "48": "assets\/icons\/icon48.png",
        "128": "assets\/icons\/icon128.png"
    },
    "manifest_version": 3,
    "permissions": [
        "storage",
        "tabs",
        "activeTab",
        "scripting"
    ],
    "host_permissions": [
        ""
    ],
    "background": {
        "service_worker": "js\/background.js"
    },
    "action": {
        "default_title": "designr",
        "default_popup": "index.html"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "js\/background.js"
            ]
        }
    ]
}