{"id":"motion","name":"Motion","url":"https://wunderlust.xyz/r/motion","category":"motion","category_label":"Motion & animation","tags":["free","open-source","react"],"short":"Animation library for React, JavaScript and Vue (formerly Framer Motion)","what":"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.","uses":"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.","benefits":["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"],"caveats":["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"],"links":{"official":"https://motion.dev","docs":"https://motion.dev/docs/react"},"image":"https://wunderlust.xyz/media/motion-poster.jpg","video":"https://wunderlust.xyz/media/motion.webm","share_image":"https://wunderlust.xyz/og/r/motion.jpg","similar":["gsap","react-bits","anime-js","design-motion-principles","ai-website-cloner-template","shadcn-ui"],"added_on":"2026-11-05","pt":{"name":"Motion","short":"Biblioteca de animação para React, JavaScript e Vue (antiga Framer Motion)","what":"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.","uses":"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.","benefits":["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"],"caveats":["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"]},"schema_version":1}