Supertweak let's you try out changes without wading through code or fiddling with devtools. Avoid context-switching, tweak until you find what hits home and copy back the generated classes or html to your editor.
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
Hovering over any element shows the dimensions and font details
Supertweak supports editing opacity of color properties
You can use Negative and Important modifiers on supported properties
Edit mode enables you to conveniently focus on just editing the text in the page with a single click.
Unlike the responsive mode in the devtools, Supertweak let's you resize the browser window itself to device widths - enabling you to use the editor in smaller screens.
You can capture the screenshot of the visible screen or a selected area for sharing your changes with your teammates or client and getting feedback.
It should work on any website that chrome extensions are allowed to run on, regardless of Tailwind usage. 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 email@example.com