Micro-interactions and subtle animations are one of the best ways to keep your users engaged and make them addicted to your product. In this tutorial we will integrate Motion with Nuxt 4, we will create 3 components that you can use in any project. Enjoy! Content: 00:00 Intro 00:48 Installing dependencies 01:26 First component: animate the height of any element 05:15 Second component: a button with micro interactions 10:26 Third component: smooth animation for landing pages 13:57 Outro FREE Resources & Documentation: Free Nuxt 4 Template: Motion Vue: ================ Join me in the journey of building multiple products from scratch. I post real updates, real failures, real wins and mainly super useful tutorials. No fluff, no yapping. 🥲 Check out my lame website: Want to know why they call me "tratteo"? That's a story for another video. 🛠️ These are my products, my creations 🚀 Bubblet - Make your websites alive, enrich them with cross promotion and deep linking. 🔗 🥽 Depthlog - The next-gen app for scuba divers, logbook and companion 🔗 🚀 Agendista (ITA 🇮🇹) - Sleek, modern, beautiful and functional management software for small medium business that wants to automate booking and regain control of their time. 🔗 Sounds from : Icons and graphics from SvgRepo: Music: Aylex - Victory #webdevelopment #template #programming #development #saas #indiehacker #techtutorials #buildinpublic #coding #programmer #nuxtjs