Interactive demos of animations built with Framer Motion. Click the buttons to trigger each animation.
Animate opacity from 0 to 1 using AnimatePresence for enter/exit transitions.
Slide an element in from the left using a spring physics transition.
Scale an element up and down with a spring animation.
Rotate an element by 90° increments using spring physics.
Animate a list of items with staggered delays for a cascading entrance.
A continuously spinning loader animation using an infinite linear loop.
A pulsing scale animation looping between normal and enlarged size.
Drag an element within a constrained area with spring-based snapping.