Examples
Complete patterns built with Animated. Adjust the settings beside each one: the example itself only receives them as props.
- Magnetic dockIcons grow as the pointer passes, pushing their neighbors aside, and settle when it leaves.
moveInputfollowuseAnimatedCSSmultiply - Swipe deckDrag the top card. Past the threshold it flies away; otherwise it springs back.
dragInputuseAnimatedListenerAnimated.div - Shared galleryA tile grows into a detail view and shrinks back into the grid.
Animated.SceneAnimated.Keepmove - Reorder boardDrag rows to reorder them, or use the arrow keys on a focused row.
useReorder - Scroll storyLayers move at different depths while the sky changes color as you scroll.
scrollInputuseAnimatedCSSinterpolate - Motion posterA looping poster where every element is a track on one seekable timeline.
useTimeline