Todas as 66 estão acontecendo de verdade no seu navegador — nenhuma é vídeo, nenhuma é imagem. Cada uma vem com o nome que tem no mundo real, a explicação de quando vale usar e um botão que copia o código funcionando.
As trinta animações que sustentam a web moderna, em ordem de popularidade: aparecer, subir, pulsar, girar, esteira infinita, texto com falha, ímã no cursor. Vinte e seis são só CSS, quatro pedem um toque de JavaScript.
Abrir a coleção CSS →Rolagem com precisão, inércia, cálculo de posição, desenho na tela e sequências que podem ser revertidas. Sete famílias de efeito em JavaScript puro, sem nenhuma biblioteca para instalar.
Abrir a coleção JavaScript →Role a página e veja cada animação acontecendo. Onde existe Rodar de novo, você repete o efeito quantas vezes quiser antes de decidir.
O botão Copiar efeito coloca no seu clipboard exatamente o código que está rodando ali: o HTML, o CSS e, quando existe, o JavaScript.
Funciona em qualquer lugar que aceite HTML: site próprio, WordPress, Webflow, Framer, landing page. Sem instalar nada — zero dependências.
Um arquivo, 768 KB, com as duas páginas, os estilos, o motor e as fontes. Abre com dois cliques, roda sem internet e sobe em qualquer hospedagem estática do jeito que está.
Baixar o pacote