Exempel
Kompletta mönster byggda med Animated. Justera inställningarna bredvid varje: exemplet självt får dem bara som props.
- Magnetisk dockaIkonerna växer när pekaren passerar, knuffar undan grannarna och lägger sig när den lämnar.
moveInputfollowuseAnimatedCSSmultiply - SvepkortlekDra det översta kortet. Förbi tröskeln flyger det iväg; annars fjädrar det tillbaka.
dragInputuseAnimatedListenerAnimated.div - Delat galleriEn ruta växer till en detaljvy och krymper tillbaka in i rutnätet.
Animated.SceneAnimated.Keepmove - SorteringstavlaDra rader för att ändra ordningen, eller använd piltangenterna på en rad med fokus.
useReorder - ScrollberättelseLager rör sig på olika djup medan himlen byter färg när du scrollar.
scrollInputuseAnimatedCSSinterpolate - Rörlig affischEn affisch i loop där varje element är ett spår på en enda sökbar tidslinje.
useTimeline