Build, design and debug your Tailwind website visually with TailwindCSS Studio, right within the browser.

Latest Version

Version
0.0.1
Update
December 18, 2024
Size
1.59MiB
Developer
tailwindcss-studio.com
Category
Users
0
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
Background
ContextMenus
See more

TailwindCSS Studio Extension

- Live editing: Instantly see the result of every change you make.
- Autocompletion: Suggest the right classes for you as you type.
- Color preview: See the color of every class in the autocompletion view.
- Easy navigation: Hover over any element to see its Tailwind classes. Press Space to easily pin and edit the element.
- Persistence: Remember all your changes to every element so you can copy all changes at once!
- Automatic code update: Automatic synchronization with local code. support for code rollback, no need to worry about errors in code updates.
- Copy element class or html: Copy element class or html by one click.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "TailwindCSS Studio", "description": "Build, design and debug your Tailwind website visually with TailwindCSS Studio, right within the browser.", "version": "0.0.1.0", "version_name": "0.0.1", "manifest_version": 3, "action": { "default_popup": "src/popup/index.html" }, "background": { "service_worker": "service-worker-loader.js", "type": "module" }, "content_scripts": [ { "js": [ "assets/index.ts-loader-BUrLfVwL.js" ], "all_frames": true, "matches": [ "*://*/*" ], "run_at": "document_end", "css": [ "assets/index-BB6OXKCY.css" ] }, { "js": [ "assets/kodepayContent.ts-loader-BjWCHqZD.js" ], "matches": [ "https://kodepay.io/*", "https://fronted.kodepay.io/*" ], "run_at": "document_start" } ], "options_page": "src/options/index.html", "offline_enabled": true, "permissions": [ "storage", "background", "contextMenus" ], "web_accessible_resources": [ { "matches": [ "*://*/*" ], "resources": [ "src/content-script/index.ts", "src/content-script/iframe/index.html", "assets/utils-Dgo3jSMd.js", "assets/service-DJPasf0l.js", "assets/index.ts-Disnw9bg.js" ], "use_dynamic_url": false }, { "matches": [ "https://fronted.kodepay.io/*", "https://kodepay.io/*" ], "resources": [ "assets/kodepay.esm-D_8TzIMO.js", "assets/_commonjsHelpers-Cpj98o6Y.js", "assets/kodepayContent.ts-DnoHz2aY.js" ], "use_dynamic_url": false } ], "icons": { "16": "src/assets/logo.png", "24": "src/assets/logo.png", "32": "src/assets/logo.png", "128": "src/assets/logo.png" }}
Read more

Similar Extensions

icon

WindChat-ChatGPT Tailwind CSS React Previewer Extension · Developer Tools 0 4 ★ 483KiB

icon

CopyCss - Copy css scan from any website. Extension · Developer Tools 0 10 ★ 246KiB

icon

AI Code Generator Extension · Developer Tools 0 1 ★ 435KiB

icon

Vision Tabs Group Manager Extension · Productivity 0 13 ★ 77.9KiB

icon

HTML editor WebStudio for Webpages Extension · Productivity 0 28 ★ 549KiB

icon

HTML CSS Viewer Extension · Developer Tools 0 0 ★ 7.65KiB

icon

cssPicker - copy css from website Extension · Developer Tools 0 6 ★ 1021KiB

icon

CSS Debugger Extension · Developer Tools 0 9 ★ 13.27KiB

icon

UI Inspector - Live Style Editor Extension · Developer Tools 0 2 ★ 90.41KiB

icon

Tailwind CSS Devtools Extension · Developer Tools 0 7 ★ 857KiB

icon

Hoverify Extension · Developer Tools 0 145 ★ 14.54MiB

icon

Looker Studio Auto Refresh Extension · Productivity 0 51 ★ 229KiB

icon

DivMagic - Copy Style from any website Extension · Developer Tools 0 55 ★ 1.3MiB

icon

Gimli Tailwind Extension · Developer Tools 0 33 ★ 151KiB

icon

Bootstrap grid viewer Extension · Developer Tools 0 2 ★ 34.09KiB

icon

Inspecta - validate design implementation Extension · Developer Tools 0 3 ★ 420KiB

icon

ChatGPT Web Preview Extension · Developer Tools 0 7 ★ 456KiB

icon

Tailscan Extension · Developer Tools 0 16 ★ 1.92MiB

icon

Html Style Copier Extension · Developer Tools 0 0 ★ 2.95MiB

icon

CSS Scanly - Copy CSS | Tailwind & Bootstrap Extension · Productivity 0 5 ★ 35.52KiB

icon

Supertweak Extension · Developer Tools 0 4 ★ 75.3KiB

icon

Built with Tailwind CSS Extension · Developer Tools 0 0 ★ 33.29KiB

icon

JSON & Code Viewer Extension · Developer Tools 0 2 ★ 1.66MiB

icon

Taildoor Extension · Developer Tools 0 6 ★ 1.18MiB