Trending designs to inspire you
Work designers are riffing on
Interviews, tutorials, and more
Prompt to flex your design skills
Find your dream design job
An exclusive list for contract work
Get new leads in your inbox every day
Find, contact, and hire designers
The #1 job board for creatives
Board for freelance & contract work
The in and outs of Framer’s Playground animations are now in the Framer X book!
How to start an animation with a tap, or automatically, or while tapping. The different animation curves, easings, spring animations, how to stagger animations, cycle between animation states, create a sequence of animations, how to animate borders, shadows, which other properties you can animate,… all of it.
I provided both Override and Code Component versions for every example animation.
If you’re not a subscriber, check out these free 🍰 chapters that explain the basics:
The Animate property 🆓
The Transition property 🆓
While Hover and While Tap 🆓
The useState() hook
The useCycle() hook
The useAnimation() hook
Tips for Overrides
Animating a Scroll Component
A Frame’s animation properties