Supertweak – a visual devtools extension for Tailwind CSS
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.
Share cardActual performance
Launch Intel predictions
Analyze your own launch →Incorrect prediction on native model
Similar products
Visual devtools for Tailwind CSS
Tailwind DX – A DevTools Extension for Tailwind CSS
Gimli Tailwind – A Tailwind CSS DevTools Extension
Tailwind DX – A DevTools Extension for Tailwind CSS Developers
Installing Tailwind CSS in Gridsome
Gimli Tailwind 4.0 is out -the most popular extension for Tailwind CSS [video]
Design System for Tailwind CSS
byline a vim tailwind CSS editor
Tailwind CSS Calculator
Tailwind CSS based visual page builder