Quickly Inspect, Tweak & Copy Tailwind styles, right in your browser
Forget the frequent trips to the Tailwind docs. Supertweak is a chrome extension that let's you inspect and try out changes live on Tailwind websites, visually. Scroll down to see what's possible.
Do try it out on this website ➘. Can you make this page look better though? Tweet @supertweakdev
You can easily create variants combinations by selecting from the options, or type in your own.
Add responsive variants and switch to the preview mode to see how it looks
Sometimes, classes are not enough and new elements are needed.
You can use your own config in the Play CDN supported format.
You can enter arbitrary values like mt-[10px] or variants like [&>*]:hover
Easily copy the classes or html content of the selected element
Click on any existing tailwind class and edit their value quickly
Supertweak supports editing opacity of color properties
You can use negative modifier on supported properties
Remove or duplicate selected elements with a single click
Click on any text node in the 'node' view to edit its content.
Want to quickly try another image src? Sure you can.
Supertweak is not perfect yet. Here are some current limitations.
It should work on any website, regardless of Tailwind. Supertweak rely on Tailwind Play CDN to generate the classes.
Network is needed when you install the extension and use it for the first time. Once Play CDN version of Tailwind is loaded and cached, you can use it offline.
It is tested only in Chrome, but it should work on any chromium based browsers. i.e Brave,Edge & Arc
Nope. Supertweak only lets you tweak the design in the browser. You'll need to copy the classes or the html and paste them in your editor to make the changes permanent.
Supertweak is loading Tailwind (v3.2.1) from the official CDN to generate styles and handle the custom config.
It is tested in Chrome 98.xx and Chrome 107.xx. But it should work from Chrome 88+ If you encounter any issues, please contact support
Your questions are most welcome. Please send a mail at support@supertweak.dev