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 là gì?

Design GUI for Tailwind CSS là một tiện ích mở rộng Chrome được phát triển bởi james, và tính năng chính của nó là "Design GUI makes your design system interactive. See and edit Tailwind CSS styles and watch the web page update in real time.…".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng Design GUI for Tailwind CSS

Tải xuống các tệp mở rộng Design GUI for Tailwind CSS dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Design GUI for Tailwind CSS Design GUI for Tailwind CSS
ID ldhbojdgokammocadfgbidodgffnimfj
URL Chính Thức https://chromewebstore.google.com/detail/design-gui-for-tailwind-c/ldhbojdgokammocadfgbidodgffnimfj
Mô tả Design GUI makes your design system interactive. See and edit Tailwind CSS styles and watch the web page update in real time.…
Kích Thước Tệp 237 KB
Số Lần Cài Đặt 51
Phiên Bản Hiện Tại 0.0.33
Cập Nhật Lần Cuối 2023-10-11
Ngày Phát Hành 2023-08-02
Nhà Phát Triển james
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://designgui.io/
Ngôn Ngữ Được Hỗ Trợ 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"
}