MotionMotion
Animation library for React, JavaScript and Vue (formerly Framer Motion)Biblioteca de animação para React, JavaScript e Vue (antiga Framer Motion)
What it isO que é
Motion is an animation library for React, JavaScript and Vue, formerly called Framer Motion. It covers layout animations, gestures, scroll, springs and component exit animations.
Motion é uma biblioteca de animação para React, JavaScript e Vue, antes chamada Framer Motion. Cobre animações de layout, gestos, scroll, springs e saída de componentes.
What it’s forPara que serve
To animate web interfaces with layout transitions, hover, drag and scroll without hand-writing everything. The documentation includes an AI Kit for coding agents to write animations with Motion.
Para animar interfaces web com transições de layout, hover, arrastar e scroll sem escrever tudo na mão. A documentação inclui um AI Kit para agentes de código escreverem animações com Motion.
BenefitsVantagens
- Layout animations, gestures, scroll and springs in one API
- AnimatePresence keeps the component mounted until its exit animation finishes
- Mini animate function from 3.2kb, with LazyMotion to load features on demand
- AI Kit for coding agents to use the documentation and examples
- Animações de layout, gestos, scroll e springs na mesma API
- AnimatePresence mantém o componente montado até a animação de saída terminar
- Mini função animate a partir de 3,2kb, com LazyMotion para carregar recursos sob demanda
- AI Kit para agentes de código usarem a documentação e exemplos
CaveatsRessalvas
- The core library is free and open source; Motion+ (components, examples, the Motion Studio timeline editor) is a paid offering, with no price listed on the page
- According to the maker, most animations run on the browser's animation engine, with hardware acceleration
- A biblioteca principal é gratuita e de código aberto; Motion+ (componentes, exemplos, editor de timeline Motion Studio) é oferta paga, sem preço informado na página
- Segundo o fabricante, a maior parte das animações roda no motor de animação do navegador, com aceleração por hardware
