The Tailwind Converter automates the process of converting CSS frameworks like Bootstrap as well as your custom CSS to use the Tailwind CSS utility classes.
This conversion takes a bottom-up approach by converting the CSS, not the markup. By preserving your markup you avoid breaking behavior. Yet moving forward, you may rely solely on Tailwind CSS.
See the Tailwind Converter in action in this short video demo.
Note: The beta version of the Tailwind Converter is optimized for Laravel applications using Bootstrap version 3 or 4. However, this is configurable for other web applications, and future releases of the Tailwind Converter will support all web applications and be optimized for additional CSS frameworks.
The Tailwind Converter automates the following conversions:
To achieve best possible results from the Tailwind Converter, Shift has the following recommendations:
As with other Shifts, you can add a Shift Configuration file to your project to configure the Tailwind Converter to run for your web application structure.
Sign in with any of the following services to connect Shift with your Laravel project.
Don't use one of these services?
Temporarily push your project to a free, private repository on one of these cloud-based services or upgrade your project locally with Shift for Docker.