A practice piece: recreating a micro-animation from a tutorial to learn how it is built.
What it is
Three words in an agency’s headline each have a hover zone. Moving the pointer over one pops small pictures out round it, with smart animate between the states.
My part
Recreated for practice from Kole Jain’s tutorial 11 Micro Animations That Will Instantly Level Up Your UI (the text hover pop-out, at 5:05). The idea is his; I built this version in Figma.
- My role
- Solo practicePartly mine
- Credit
- Recreated for practice from a tutorial by Kole Jain (the text hover pop-out). The idea is his; the build is mine.
- Context
- Practice, never shipped
- Tools
- Figma prototyping, smart animate
- Year
- 2025