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.…
What is Design GUI for Tailwind CSS?
Design GUI for Tailwind CSS is a Chrome extension developed by james, and its main feature is "Design GUI makes your design system interactive. See and edit Tailwind CSS styles and watch the web page update in real time.…".
Extension Screenshots
Download Design GUI for Tailwind CSS Extension CRX File
Download Design GUI for Tailwind CSS extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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 Extension Basic Information
| Name |  Design GUI for Tailwind CSS |
| ID | ldhbojdgokammocadfgbidodgffnimfj |
| Official URL | https://chromewebstore.google.com/detail/design-gui-for-tailwind-c/ldhbojdgokammocadfgbidodgffnimfj |
| Description | Design GUI makes your design system interactive. See and edit Tailwind CSS styles and watch the web page update in real time.… |
| File Size | 237 KB |
| Installation Count | 51 |
| Current Version | 0.0.33 |
| Last Updated | 2023-10-11 |
| Publish Date | 2023-08-02 |
| Developer | james |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://designgui.io/ |
| Supported Languages | 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"
} | |
