The only video you need to learn Framer micro-interactions...

✔︎ Framer University: https://frameruni.link/yt ✔︎ Create a free Framer account: https://framer.university/free-account In this Framer tutorial, I'll teach you the "Atomic Animation Technique" that can be used for creating almost any micro-interaction in Framer without writing any code. We're building a cool macOS dock interaction for practice as I walk you through all the steps involved in this animation technique. → Remix the tutorial project: https://framer.university/resources/macos-dock-component-for-framer ↓ Inspiration websites: https://www.webinteractions.gallery/ https://www.designspells.com/ https://motion-primitives.com/ 0:00 - Introduction 1:53 - The Technique 2:45 - Inspiration 4:31 - Analyzing 5:40 - Creating Atoms 10:10 - Assembling 15:40 - Adding Interactions 21:37 - Additional Resources Follow me on: X: https://twitter.com/learnframer Instagram: https://instagram.com/framer.university