Repolode
Enviar
juliangarnier

juliangarnier/anime

Una biblioteca ligera de animación para JavaScript que anima propiedades CSS, SVG, atributos del DOM y objetos JavaScript simples.

Ver en GitHubSitio web
Estrellas
73,752
Forks
4,987
Issues abiertos
124
Último commit
hace 2 meses

¿Qué es?

Anime.js es un motor de animación para JavaScript con una única API para animar propiedades CSS, elementos SVG, atributos del DOM y objetos JavaScript. Las animaciones se declaran con selectores de destino y valores de propiedades, y se controlan con opciones como la duración, el retraso, la función de aceleración, la repetición y la reproducción alternada.

La versión 4 se distribuye como módulos ES y se importa desde el paquete animejs. Un helper de stagger distribuye los retrasos entre varios destinos; por ejemplo, puede hacer que empiecen desde el centro de un grupo. La biblioteca tiene licencia MIT y se describe como ligera y multipropósito.

El repositorio incluye scripts de compilación que generan bundles ESM, UMD, CJS e IIFE, además de declaraciones de tipos de TypeScript, y cuenta con suites de pruebas para navegador y Node. La documentación completa está disponible en el sitio web del proyecto y hay una guía de migración para pasar desde la versión 3.

Funciones clave

  • 01Anima propiedades CSS, SVG, atributos del DOM y objetos JavaScript con una única API.
  • 02Permite usar stagger para distribuir los retrasos entre varios destinos.
  • 03Ofrece funciones de aceleración, repetición y reproducción alternada.
  • 04Se distribuye como módulos ES y cuenta con compilaciones UMD, CJS e IIFE.
  • 05Incluye declaraciones de tipos de TypeScript.

Casos de uso

  • Añadir movimiento a elementos de una página web, como desplazar o rotar cajas al cargarla.
  • Animar rutas e iconos SVG en una interfaz web.
  • Interpolar valores numéricos en objetos JavaScript simples para canvas o renderizado personalizado.

Inicio rápido

  1. 1

    Instala el paquete con npm

    npm i animejs
  2. 2

    Importa animate y stagger desde animejs y llama a animate en un selector

Temas

#animation#javascript#svg#css#canvas#frontend-library#anime#javascript-library

Preguntas frecuentes

¿Qué es anime?
Una biblioteca ligera de animación para JavaScript que anima propiedades CSS, SVG, atributos del DOM y objetos JavaScript simples. Anime.js es un motor de animación para JavaScript con una única API para animar propiedades CSS, elementos SVG, atributos del DOM y objetos JavaScript. Las animaciones se declaran con selectores de destino y valores de propiedades, y se controlan con opciones como la duración, el retraso, la función de aceleración, la repetición y la reproducción alternada.
¿anime es gratuito? ¿Qué licencia tiene?
anime es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿anime sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de anime fue el 21 ago 2026.
¿Para qué puedo usar anime?
Añadir movimiento a elementos de una página web, como desplazar o rotar cajas al cargarla. Animar rutas e iconos SVG en una interfaz web. Interpolar valores numéricos en objetos JavaScript simples para canvas o renderizado personalizado.
¿Cómo se instala anime?
Instala el paquete con npm: npm i animejs Importa animate y stagger desde animejs y llama a animate en un selector
¿Dónde consigo anime?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/juliangarnier/anime

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados