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.…

什么是Design GUI for Tailwind CSS?

Design GUI for Tailwind CSS是由james开发的Chrome扩展程序,该扩展的主要功能是“Design GUI makes your design system interactive. See and edit Tailwind CSS styles and watch the web page update in real time.…”。

扩展截图

screenshot
screenshot

下载Design GUI for Tailwind CSS扩展crx文件

下载Design GUI for Tailwind CSS扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        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                    

扩展基本信息

名称 Design GUI for Tailwind CSS Design GUI for Tailwind CSS
ID ldhbojdgokammocadfgbidodgffnimfj
官方URL https://chromewebstore.google.com/detail/design-gui-for-tailwind-c/ldhbojdgokammocadfgbidodgffnimfj
简介 Design GUI makes your design system interactive. See and edit Tailwind CSS styles and watch the web page update in real time.…
文件大小 237 KB
安装次数 51
当前版本 0.0.33
更新时间 2023-10-11
上架时间 2023-08-02
开发者 james
电子邮箱 [email protected]
付费类型 free
扩展官网 https://designgui.io/
支持的语言 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"
}