Transition Alpine.js vs Vue.js Side by Side

If you’re working with Alpine JS, as some Tailwind users do, and want to translate the transition animations to Vue, here’s a handy side by side comparison that will help you get the job done!

<!--alpine-->
x-transition:enter="" 
x-transition:enter-start="" 
x-transition:enter-end="" 
x-transition:leave="" 
x-transition:leave-start="" 
x-transition:leave-end=""
<!--vue-->
enter-active-class=""
enter-class=""
enter-to-class=""
leave-active-class=""
leave-class=""
leave-to-class=""

Just kidding. They’re stacked.

Leave a Comment