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

Co to jest Design GUI for Tailwind CSS?

Design GUI for Tailwind CSS to rozszerzenie Chrome opracowane przez james, a jego główną funkcją jest „Design GUI makes your design system interactive. See and edit Tailwind CSS styles and watch the web page update in real time.…”.

Zrzuty ekranu rozszerzenia

screenshot
screenshot

Pobierz plik CRX rozszerzenia Design GUI for Tailwind CSS

Pobierz pliki rozszerzeń Design GUI for Tailwind CSS w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        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                    

Podstawowe informacje o rozszerzeniu

Nazwa Design GUI for Tailwind CSS Design GUI for Tailwind CSS
ID ldhbojdgokammocadfgbidodgffnimfj
Oficjalny URL https://chromewebstore.google.com/detail/design-gui-for-tailwind-c/ldhbojdgokammocadfgbidodgffnimfj
Opis Design GUI makes your design system interactive. See and edit Tailwind CSS styles and watch the web page update in real time.…
Rozmiar pliku 237 KB
Liczba instalacji 51
Aktualna Wersja 0.0.33
Ostatnia Aktualizacja 2023-10-11
Data Publikacji 2023-08-02
Deweloper james
E-mail [email protected]
Typ Płatności free
Strona Rozszerzenia https://designgui.io/
Obsługiwane Języki 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"
}