Exemplos
Padrões completos feitos com Animated. Ajuste as configurações ao lado de cada um: o exemplo em si só as recebe como props.
- Dock magnéticoOs ícones crescem quando o ponteiro passa, empurram os vizinhos e se acomodam quando ele sai.
moveInputfollowuseAnimatedCSSmultiply - Baralho deslizanteArraste o card de cima. Passando do limite, ele sai voando; senão, volta com uma mola.
dragInputuseAnimatedListenerAnimated.div - Galeria compartilhadaUma miniatura cresce até uma visualização detalhada e volta a encolher na grade.
Animated.SceneAnimated.Keepmove - Quadro reordenávelArraste as linhas para reordená-las ou use as setas em uma linha com foco.
useReorder - História com rolagemAs camadas se movem em profundidades diferentes enquanto o céu muda de cor durante a rolagem.
scrollInputuseAnimatedCSSinterpolate - Pôster animadoUm pôster em loop em que cada elemento é uma trilha de uma única linha do tempo que permite busca.
useTimeline