This site uses one functional cookie to keep feature rollouts consistent for you. Nothing is set until you choose. See the privacy notice.
Six interactive Framer Motion demos — spring physics, stagger, layout reorder, scroll parallax, gesture tracking, and shared layout transitions.
Drag the puck — it snaps back to the origin with the spring you configure.
12 tiles cascade in one by one. Adjust the per-tile delay and replay.
Drag rows to reorder. Framer's layout prop smoothly repositions the siblings.
Three layers tied to the container's scroll position — y, scale, and rotate.
Hover, tap, and drag the card. The state panel updates in real time.
Live State
Waiting for input
Click a card to expand it. Framer morphs the shape, position, and title together.