Design GUI for Tailwind CSS

Design GUI makes your design system interactive. See and edit Tailwind CSS styles and watch the web page update in real time.…

Was ist Design GUI for Tailwind CSS?

Design GUI for Tailwind CSS ist eine Chrome-Erweiterung, die von james entwickelt wurde, und ihr Hauptmerkmal ist "Design GUI makes your design system interactive. See and edit Tailwind CSS styles and watch the web page update in real time.…".

Erweiterungsscreenshots

screenshot
screenshot

Design GUI for Tailwind CSS-Erweiterungs-CRX-Datei herunterladen

Laden Sie Design GUI for Tailwind CSS-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        Design GUI makes your design system interactive. See and edit Tailwind CSS styles and watch the web page update in real time. 

https://designgui.io                    

Grundlegende Informationen zur Erweiterung

Name Design GUI for Tailwind CSS Design GUI for Tailwind CSS
ID ldhbojdgokammocadfgbidodgffnimfj
Offizielle URL https://chromewebstore.google.com/detail/design-gui-for-tailwind-c/ldhbojdgokammocadfgbidodgffnimfj
Beschreibung Design GUI makes your design system interactive. See and edit Tailwind CSS styles and watch the web page update in real time.…
Dateigröße 237 KB
Installationsanzahl 51
Aktuelle Version 0.0.33
Letztes Update 2023-10-11
Veröffentlichungsdatum 2023-08-02
Entwickler james
E-Mail [email protected]
Zahlungsart free
Erweiterungswebsite https://designgui.io/
Unterstützte Sprachen en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Design GUI for Tailwind CSS",
    "version": "0.0.33",
    "background": {
        "service_worker": "service-worker-loader.js",
        "type": "module"
    },
    "content_scripts": [
        {
            "js": [
                "assets\/content-script-loader.content.tsx.66217d2f.eb7bf5b3.js"
            ],
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ]
        }
    ],
    "action": {
        "default_icon": {
            "16": "images\/logo16.png",
            "24": "images\/logo24.png",
            "32": "images\/logo32.png",
            "48": "images\/logo48.png"
        }
    },
    "icons": {
        "16": "images\/logo16.png",
        "32": "images\/logo32.png",
        "48": "images\/logo48.png",
        "128": "images\/logo128.png"
    },
    "permissions": [
        "storage",
        "clipboardWrite",
        "sidePanel",
        "webNavigation"
    ],
    "side_panel": {
        "default_path": "src\/ui\/sidepanel.html"
    },
    "web_accessible_resources": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "resources": [
                "src\/ui\/*"
            ],
            "use_dynamic_url": false
        },
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "resources": [
                "assets\/jsx-runtime.6bc2a327.js",
                "assets\/MESSAGE_KEYS.3d6df4bf.js",
                "assets\/content.tsx.66217d2f.js"
            ],
            "use_dynamic_url": true
        }
    ],
    "devtools_page": "src\/ui\/devtools\/devtools.html"
}