Tailwind builds are really small by purging all classes that the design doesn't need. That's great but means that you can't tinker around with the design directly in the browser. We fixed that – without changing your site.
The DevTools for Tailwind CSS bring back designing and debugging in your browser. You can use the full power of the JIT engine and even add classes like border-[30px] on sites that use production builds.
Debug your Tailwind sites in the browser with the full power of the JIT engine and with Intellisense autocompletition. This is a new era of browser debugging and it feels like you are in your IDE.
The DevTools for Tailwind chrome extension brings full support for Intellisense autocompletion. Get any variant and class suggestion as you type and retrieve class and color information on hover.
Add any variant combination to your website straight from the DevTools for Tailwind browser extension. This also allows you to make use of JIT-only features, such as arbitrary attribute values and pseudo element variants.
Are you using a custom Tailwind configuration to extend the default theme with custom fonts, colors, spacing and more? No problem – just paste your Tailwind CSS config into the DevTools for Tailwind extension and you're ready to go!
The built-in "diff" mode allows you to immediately see the Tailwind class changes that you made. Making multiple changes inside your browser no longer requires you to gather together all the changes that you made. Everything's at one point.
Purchase the DevTools or level up your browser experience with the Tailwind bundle.
Local taxes or VAT may apply during the checkout.
Beyond Code GmbH, An der Lingenmühle 10, 41061 Mönchengladbach, Germany
VAT ID: DE315110518 / Managing Partners: Marcel Pociot, Sebastian Schlein
Commercial Register: Amtsgericht Krefeld, HRB 16540