Hey folks, I'm wondering how many developers out there are blending traditional CSS with Tailwind while using Alpine.js. I've been trying to use Alpine for transitions and animations alongside Tailwind, but I've run into some conflicts that force me to revert to standard CSS to make it all work. I also picked up 'Alpine.JS in Practice' by James J. Blake, and I've noticed he sidesteps using Tailwind for x-transitions but applies it to everything else. Curious if others have faced similar issues!
1 Answer
Tailwind should be compatible with any front-end library since it's essentially just a CSS wrapper. If you can share a repository showing your specific issues, I'd love to take a look and provide more tailored advice!
That's true, but I'm experiencing conflicts specifically with Alpine's x-transition animations. In those cases, Tailwind styles seem to be ignored on custom Alpine components. It's weird because everything else seems fine. Check this out:
Welcome to Alpine.js
. In this situation, Tailwind doesn't apply, so I'm stuck using traditional CSS.