Framer Motion Gallery

10 beautiful animation examples to learn from

Fade In/Out

Simple fade animations with different easings

Elements sliding from different directions

Scaling and rotation transformations

List items animating one after another

Smooth layout changes with layoutId

Interactive draggable elements

Interactive hover and tap feedback

Animating SVG paths and shapes

Enter and exit animations

Animations triggered by scroll