Your Tailwind CSS sidekick for effortless styling!
Build, design and debug your website visually with Tailtweak, right within the browser.
Select Element
Exit Selection
Design fast
Effortlessly change classes and preview the design in realtime. Tailtweak gives you a list of alternative classes that you can use, and a preview of the colors. Preview margins and padding and easily navigate through parent elements.
Non-Tailwind Customization
If the webpage you need to debug isn't styled using Tailwind CSS, you can still leverage Tailwind CSS classes to modify elements and instantly preview the changes.
History Support
History support allows you to trace back any modifications made on the page to specific historical points, facilitating seamless rollback operations.
Code Locator
In development mode, upon selecting an element, you can effortlessly navigate to its corresponding file location in VS Code. Presently, this functionality is exclusive to React and Vue. Future versions are poised to include support for Svelte.