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 เป็นส่วนขยายของ Chrome ที่พัฒนาโดย james และคุณลักษณะหลักของมันคือ "Design GUI makes your design system interactive. See and edit Tailwind CSS styles and watch the web page update in real time.…"

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Design GUI for Tailwind CSS

ดาวน์โหลดไฟล์ส่วนขยาย 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"
}