Anime.js: animá tu web gratis con esta librería de JavaScript

Qué es y para qué sirve

Anime.js es una librería de JavaScript para animar cosas en una página web: textos que aparecen letra por letra, formas que se dibujan solas, SVGs que siguen una ruta, elementos que reaccionan al scroll o que se pueden arrastrar. Es gratis, open source (licencia MIT) y una de las más usadas del mundo en su categoría.

Esta review es distinta a las demás del sitio. No es una web ni una app que instalás con un clic: es una herramienta para gente que programa. Si tenés un sitio propio, le hacés páginas a un cliente, o estás aprendiendo a programar y querés que tus proyectos se vean más profesionales, esto es para vos. Si no tocás código, no te va a servir de nada.

Cómo se usa

Se instala con npm install animejs en un proyecto con Node, o se suma con una etiqueta <script> directo en el HTML sin instalar nada. Después, con unas pocas líneas de código elegís qué elemento animar, qué propiedad cambiar (posición, opacidad, forma) y con qué curva de tiempo (easing).

La forma más rápida de arrancar sin partir de cero: entrar a la documentación oficial, elegir uno de los ejemplos ya armados (hay demos para texto, SVG, timelines y scroll), copiar el código y modificarlo a gusto. Así es como lo usa la mayoría, según la propia descripción del proyecto.

¿Es gratis? Los límites del plan free

No hay plan free ni plan pago: es un paquete de código open source con licencia MIT. Eso significa que lo podés usar en proyectos personales o comerciales sin pagar nada y sin pedirle permiso a nadie. No hay cuenta que crear ni límite de uso.

Qué la distingue

• Es liviana. En su versión 4 (modular) el paquete completo pesa alrededor de 24,5 KB, y al ser modular podés importar solo lo que necesitás para pesar todavía menos.
• Tiene una API pareja para varios tipos de animación: CSS, SVG, propiedades de objetos JavaScript y la Web Animations API (WAAPI), todo con la misma sintaxis.
• Compite con GSAP y con Motion (antes Framer Motion). Frente a GSAP, la ventaja de Anime.js es que es 100% gratis incluso para los usos más avanzados; GSAP reserva algunas funciones premium (como su plugin de scroll) para uso comercial pago.

Lo bueno y lo malo

Lo bueno: gratis de verdad con licencia permisiva (MIT), liviana, con documentación propia llena de ejemplos para copiar, y una API que cubre timeline, SVG, scroll y drag sin necesitar varias librerías distintas.

Lo malo: no trae plugins extra como los de GSAP (física, morphing de SVG avanzado, drag con inercia), y al ser la v4 una reescritura reciente hay menos tutoriales y respuestas ya resueltas dando vueltas que para alternativas más viejas.

¿Para quién no es?

Es para gente que programa. Si buscás animar tu web sin escribir código, Anime.js no te sirve: necesitás al menos manejar JavaScript básico.

Alternativas

Si estás evaluando otras opciones antes de elegir, mirá el resto de librerías de animación web que cubrimos.