tailwind-to-inline
playground
npm
GitHub
Input HTML
Convert
<html> <head> <title>Email Template</title> </head> <body class="bg-gray-800"> <div class="pt-10 mb-4 pl-4 max-w-[512px]"> <span class="mr-5 text-yellow-300">Welcome, {{name}}</span> </div> <div> <a href="{{cta_link}}" class="bg-blue-500 text-white px-6 py-3 rounded-lg inline-block font-semibold"> {{cta_text}} </a> </div> </body> </html>
Placeholders (JSON, optional)
{ "name": "John", "cta_link": "https://example.com", "cta_text": "Get Started" }
Code
Preview
Click "Convert" to see the output...