Animação
Framer Motion
O Framer Motion é como adicionamos movimento a interfaces React — transições e gestos que parecem intencionais e correm de forma suave.
O que é
O Framer Motion é uma biblioteca de animação pronta para produção em React. Trata de transições, gestos, animações de layout e orquestração com uma API simples e declarativa.
Porque usamos
O movimento é parte da marca, não um acréscimo. O Framer Motion permite-nos coreografá-lo com precisão e acessibilidade — com suporte a movimento reduzido — em vez de colar CSS frágil.
Onde aplicamos
No produto,
não no slide.
01
Transições de páginas e elementos
Revelações suaves e mudanças de rota que guiam a atenção sem distrair.
02
Gestos e interacção
Interacções de arrastar, passar e tocar que parecem responsivas e físicas.
03
Acessível por omissão
Respeitando preferências de movimento reduzido para a animação nunca atrapalhar.
Combina com
Serviços relacionados