Show HN: Supertweak – a visual devtools extension for Tailwind CSS

Hi folks, I've been working on a visual devtool chrome extension for Tailwind CSS for quite some time now and just launched in recently.

It let's you tweak your website from the browser itself and copy the classes or html afterwards to paste in your IDE. It's especially well suited to try out changes quickly, but I've built most of the landing page with the help of the extension itself.

You can try it out in the landing page itself (no need to install anything).

Features: - Click on any class (eg: px-4) and try out other values easily.

- Preview the website in responsive mode and quickly toggle between breakpoints. auto detects breakpoints set in the config.

- Quickly try out new variants. Supports arbitrary variants too.

- Lets you try out arbitrary and negative property values.

- Add, remove or re-order elements.

- Edit element attributes and text nodes

etc.

I'm excited to share it here and would love to hear your feedback and suggestions.