A practice piece: recreating a micro-animation from a tutorial to learn how it is built.
What it is
A glow runs round the border of a card, made with masks and smart animate between four states, with a control to pause and play it.
My part
Recreated for practice from Kole Jain’s tutorial 11 Micro Animations That Will Instantly Level Up Your UI (the shimmer stroke, at 3:22). 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 shimmer stroke). The idea is his; the build is mine.
- Context
- Practice, never shipped
- Tools
- Figma prototyping, masks, smart animate
- Year
- 2025