Framer X Pro Tips

Code

Code Overrides

Framer X

Staggered animation?

2018-09-01

X provides a great way to chain animations: async/await. But how to make animations staggered? i.e. add delay but NOT wait until it finishes?

Solution: Use a dummy Animatable with shorter duration, and wait on the dummy instead of the real anim

PS: If you find this tip difficult to understand, check out this course I prepared for you, where concepts are explained in a more digestible way. No programming experience required!

PPS: See other pro tips, or share / request a new tip.

download Want the complete source file? Enter your email address below:

I'll also send you new tips when available. No spam, unsubscribe any time!