Hotwire Summer: Tailwind-style CSS transitions in Stimulus
Build polished UI components with StimulusJS and Enter/Leave CSS Transitions using patterns from Vue, Alpine, and Tailwind.
Hey, hey! I'm kicking off a new season of Boring Rails content this month. I'll be posting new articles and tips all about Hotwire.
One thing I’ve always struggled with when building UIs is animations. It didn’t click for me until I saw the `data
` attribute style for CSS transitions in Tailwind.
At the same time, both Alpine and Vue were also converging on similar ideas.
So if you’ve ever really wanted to use the Tailwind UI animations, but then been sad because you can’t just paste in the React / Vue snippets…dry your tears because our first article of the season covers how to build `data
` attribute-based CSS transitions with Stimulus!
👉 Read it here: Tailwind style CSS transitions with StimulusJS
📣 Have feedback? Join the discussion on Twitter
Stay boring!
- Matt
PS: I moved my old mailing list. Please help me out by adding the address to your contact list and clicking “Not Junk” if applicable. Thanks! You rock!