Supertweak: Visual Editor for Tailwind CSS
Supertweak is a visual editor for Tailwind CSS that allows users to quickly tweak their websites live. With Supertweak, users can preview changes instantly and easily copy classes or HTML to use in their projects.
The main feature of Supertweak is its Tailwind editor, which allows users to modify property values for Tailwind classes, add or edit variants, and manually add, edit, or remove classes directly within their browser. This editor supports adding arbitrary values and variants, as well as custom Tailwind configurations.
Another useful feature of Supertweak is the Responsive Switcher, which allows users to quickly resize the window to responsive device widths. Unlike the Devtools responsive mode, this feature enables users to use the editor in small screen widths as well.
Supertweak also offers a Quick Capture feature, which allows users to take screenshots of the visible screen or a selected area. These screenshots can be downloaded or copied to the clipboard, making it easier to share changes with team members and gather feedback.
Additionally, Supertweak includes a Children Editor, which enables users to easily rearrange, remove, or duplicate elements. Users can also add elements and text nodes with ease.
For those who prefer a distraction-free editing experience, Supertweak offers an Edit Mode where users can quickly edit the text on the page without any other distractions.
