TWShift

TWShift

AI-Powered Tailwind CSS v3 to v4 Converter

5 followers

Tired of manually converting Tailwind CSS configs? TWShift uses AI to instantly migrate your v3 `tailwind.config.js` to the new v4 CSS-first format. Handles themes, plugins, keyframes, and more. Upgrade seamlessly and save hours!
TWShift gallery image
TWShift gallery image
TWShift gallery image
TWShift gallery image
Free
Launch Team / Built With
OS Ninja
OS Ninja
Explore and Learn Open Source using AI
Promoted

What do you think? …

Lakshmi Sashank Gandodi
Hey Product Hunt community! πŸ‘‹ I'm Sashank, the maker of TWShift. As a developer who loves Tailwind CSS, I was excited about v4 but knew the manual config migration would be a pain point for many. That's why I built TWShift! My goal was to create a simple, fast, and intelligent tool that leverages AI to: βœ… Accurately convert v3 `tailwind.config.js` to the new v4 CSS-first syntax. βœ… Handle complex parts like `theme` customizations (colors, spacing, breakpoints including rem conversion!), `keyframes`, `animations`, and even attempt to translate custom plugins. βœ… Provide helpful warnings and info comments for parts that might need a manual touch. Tailwind v4 brings amazing performance improvements and a more intuitive CSS-first approach, and TWShift is here to help you adopt it without the usual migration headaches. πŸ”— Give it a try at: https://twshift.com/ I'd absolutely love to hear your feedback! What do you think? What other features would make your Tailwind workflow even smoother? Thanks for checking out TWShift! πŸ™ Sashank