Smooth UI animations on server-rendered HTML | Adrien Siami

I’ve been using Hotwire in production since the beta release of Turbo, and it’s changed the way I build web apps. It’s a great way to get SPA-like interactivity at a fraction of the complexity. In this article, we’ll explore how we can use Turbo 8’s morphing, the view transitions API, and a sprinkle of Stimulus to create a smooth, interactive experience with minimal code. We’ll see how these technologies work together to make server-rendered apps feel modern and snappy. We’ll build a simple todo app to demonstrate the concept, and enhance it step by step. The full source code is available on GitHub: Intrepidd/rails-hotwire-todo-app.