Hello everyone 👋
I'm Althaf, founder of Supertweak. I'm very excited to share Supertweak, a visual editor chrome extension for Tailwind CSS with you.
If you work with Tailwind, I hope you'll find it a valuable addition to your workflow. Here is an overview of the features.
🎨 Tailwind editor
Quickly modify property values for Tailwind classes, add or edit variants, manually add, edit or remove classes etc. right inside your browser. You can then copy the classes or html code from the elements with one click.
Supports adding arbitrary values and variants and custom Tailwind config as well.
📱 Responsive Switcher
You can quickly resize the window to responsive device widths. Since this resizes window, you will be able to use the editor in small screen widths too unlike the Devtools responsive mode.
📷 Quick Capture
Supertweak lets you quickly take screenshot of visible screen or a selected area, which you can later download or copy to clipboard. This makes it easier to share the changes you made with your team and get feedback.
🪟 Children Editor
You can easily re-arrange, remove or duplicate elements. Adding elements and text nodes are also supported.
⌨️ Edit Mode
In Edit mode, you can edit the text in the page quickly without other distractions.
If you have any suggestions, feedback or questions, please let me know in the comments :)
Supertweak Tailwind editor
Tailwind CSS Gradient Generator
Supertweak Tailwind editor
Supertweak Tailwind editor