Repolode
Enviar
juliangarnier

juliangarnier/anime

Uma biblioteca leve de animação em JavaScript que anima propriedades CSS, SVG, atributos do DOM e objetos JavaScript simples.

Ver no GitHubSite
Estrelas
73,752
Forks
4,987
Issues abertas
124
Último commit
há 2 meses

O que é?

Anime.js é um mecanismo de animação em JavaScript com uma única API para animar propriedades CSS, elementos SVG, atributos do DOM e objetos JavaScript. As animações são declaradas com seletores de destino e valores de propriedades, e opções como duração, atraso, easing, repetição e reprodução alternada controlam seu funcionamento.

A versão 4 é distribuída como módulos ES e importada do pacote animejs. Um helper de stagger distribui os atrasos entre vários destinos, por exemplo, começando pelo centro de um grupo. A biblioteca usa a licença MIT e é descrita como leve e versátil.

O repositório inclui scripts de build que geram bundles ESM, UMD, CJS e IIFE, além de declarações de tipos TypeScript, e conta com suítes de testes para navegador e Node. A documentação completa está no site do projeto, e há um guia de migração para a transição da v3.

Recursos principais

  • 01Anima propriedades CSS, SVG, atributos do DOM e objetos JavaScript com uma única API.
  • 02Oferece suporte a stagger para distribuir atrasos entre vários destinos.
  • 03Oferece funções de easing, repetição e reprodução alternada.
  • 04É distribuída como módulos ES, com builds UMD, CJS e IIFE.
  • 05Inclui declarações de tipos TypeScript.

Casos de uso

  • Adicionar movimento a elementos de páginas web, como mover ou girar caixas ao carregar a página.
  • Animar caminhos e ícones SVG em uma interface web.
  • Interpolar valores numéricos em objetos JavaScript simples para canvas ou renderização personalizada.

Início rápido

  1. 1

    Instale o pacote com npm

    npm i animejs
  2. 2

    Importe animate e stagger de animejs e chame animate em um seletor

Tópicos

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

Perguntas frequentes

O que é anime?
Uma biblioteca leve de animação em JavaScript que anima propriedades CSS, SVG, atributos do DOM e objetos JavaScript simples. Anime.js é um mecanismo de animação em JavaScript com uma única API para animar propriedades CSS, elementos SVG, atributos do DOM e objetos JavaScript. As animações são declaradas com seletores de destino e valores de propriedades, e opções como duração, atraso, easing, repetição e reprodução alternada controlam seu funcionamento.
anime é gratuito? Qual é a licença?
anime é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
anime ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de anime foi em 21 de ago. de 2026.
Para que posso usar anime?
Adicionar movimento a elementos de páginas web, como mover ou girar caixas ao carregar a página. Animar caminhos e ícones SVG em uma interface web. Interpolar valores numéricos em objetos JavaScript simples para canvas ou renderização personalizada.
Como instalar anime?
Instale o pacote com npm: npm i animejs Importe animate e stagger de animejs e chame animate em um seletor
Onde consigo anime?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/juliangarnier/anime

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados