Build, design and debug your Tailwind website visually with TailwindCSS Studio, right within the browser.
TailwindCSS Studio Extension
- 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.
Source Manifest.json
Similar Extensions
WindChat-ChatGPT Tailwind CSS React Previewer 0 4 ★ 483KiB
CopyCss - Copy css scan from any website. 0 10 ★ 246KiB
AI Code Generator 0 1 ★ 435KiB
Vision Tabs Group Manager 0 13 ★ 77.9KiB
HTML editor WebStudio for Webpages 0 28 ★ 549KiB
HTML CSS Viewer 0 0 ★ 7.65KiB
cssPicker - copy css from website 0 6 ★ 1021KiB
CSS Debugger 0 9 ★ 13.27KiB
UI Inspector - Live Style Editor 0 2 ★ 90.41KiB
Tailwind CSS Devtools 0 7 ★ 857KiB
Hoverify 0 145 ★ 14.54MiB
Looker Studio Auto Refresh 0 51 ★ 229KiB
DivMagic - Copy Style from any website 0 55 ★ 1.3MiB
Gimli Tailwind 0 33 ★ 151KiB
Bootstrap grid viewer 0 2 ★ 34.09KiB
Inspecta - validate design implementation 0 3 ★ 420KiB
ChatGPT Web Preview 0 7 ★ 456KiB
Tailscan 0 16 ★ 1.92MiB
Html Style Copier 0 0 ★ 2.95MiB
CSS Scanly - Copy CSS | Tailwind & Bootstrap 0 5 ★ 35.52KiB
Supertweak 0 4 ★ 75.3KiB
Built with Tailwind CSS 0 0 ★ 33.29KiB
JSON & Code Viewer 0 2 ★ 1.66MiB
Taildoor 0 6 ★ 1.18MiB