Building Trello's animated checklist with Framer Motion
Use Framer Motion's new animate() and stagger() functions to make a list of items bounce, shimmy and shake!
View the recipe: https://buildui.com/recipes/trello-ch...
0:00 - Event-based animation with useAnimate
2:47 - Only animate when all items are complete
3:33 - Staggering the bounce effect
7:09 - Shimmy effect
8:32 - Shake effect
10:03 - Randomize the effect
10:50 - Outro
Watch video Building Trello's animated checklist with Framer Motion online without registration, duration hours minute second in high quality. This video was added by user Sam Selikoff 24 March 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 9,48 once and liked it 45 people.