O estúdio que anima pra Coca-Cola liberou 13 componentes de graça.

O Annnimate é uma biblioteca de 105 componentes animados em GSAP, pra React, Vue e HTML. Treze saem de graça por e-mail, todos rodam ao vivo antes de você pegar, e três ferramentas de ajuste de curva não pedem cadastro. O que é grátis, o que é pago e como usar com a sua IA.

Tem um estúdio que, segundo o próprio site, faz animação pra marcas como Coca-Cola e Powerade, e colocou 13 componentes animados de graça na mão de quem monta site. Eles vêm em React, Vue e HTML puro, feitos em GSAP.

O nome é Annnimate, com três enes, criado pelo Julian Fella, do estúdio Good Fella. É uma biblioteca de 105 componentes de animação pra site: texto que embaralha, galeria que gira, cortina que abre a imagem, menu que ocupa a tela inteira.

Por que isso importa quando você monta com IA

Quando você pede animação pra IA sem referência, ela devolve o movimento mais comum: o fade, o slide de baixo pra cima, o mesmo em toda seção. A IA sabe animar, só que sem um exemplo de movimento bem calibrado ela cai no padrão. Uma biblioteca dessas entrega esse exemplo pronto, com a curva, o tempo e o gatilho já decididos.

O GSAP, que roda por baixo de tudo, é segundo eles a biblioteca de animação por trás da maioria dos sites premiados. E ele é grátis pra uso comercial, com todos os plugins, desde a versão 3.13.

Os 13 grátis

Na biblioteca tem um filtro Grátis na barra de baixo. Ligado, ele mostra 13 componentes: Elastic Divider, Process Rail, Split Flap Board, Pricing, ASCII Overlay, Feature Dialog, Curtain Slider, Scale Slider, Image Fly-In, Multi-Level Drawer Menu, Dual Scramble, Accordion e Text Reveal.

Eles chegam por e-mail, num arquivo ZIP com as versões em React, Vue e HTML, assim que você confirma o endereço na página do pacote inicial. Não pede cartão. Nas perguntas frequentes eles dizem que os componentes do pacote podem ir pra qualquer projeto, sem prazo de validade e sem precisar dar crédito. E toda semana um componente novo entra de graça no pacote.

Cada componente roda antes de você pegar

A parte que mais vale a visita é a página de cada componente. A prévia roda ao vivo, sem conta, e do lado tem o painel Personalizar. No Dual Scramble, um dos grátis, o texto embaralha passando pela cor da marca e depois assenta na cor final. Dá pra trocar o gatilho (rolagem, passar o mouse, clique ou ao carregar), a duração e o intervalo entre as letras, e apertar Repetir pra ver de novo.

Isso resolve o problema de sempre: você decide o movimento olhando, em vez de descrever em texto e torcer pra IA adivinhar. E, segundo a documentação, todo componente respeita quem configurou o aparelho pra reduzir movimento.

As três ferramentas sem cadastro

Em Ferramentas tem três utilitários grátis: o Ease Visualizer, que desenha cada curva do GSAP e copia o código em GSAP ou em CSS, o Stagger Playground, pra ajustar o intervalo entre os itens de uma grade, e o ScrollTrigger Builder, pra configurar a animação que acontece na rolagem. Servem até pra quem não vai usar nenhum componente deles.

O que é pago

• A biblioteca completa, com o código de copiar dos 105 componentes, é assinatura. Hoje a página mostra preço regional pro Brasil, com 49% de desconto aplicado sozinho no checkout.
• Os Kits são compra única, à parte: o Reveal, com aberturas de página e de hero, e o Menu, com dez menus de navegação.
• O servidor MCP, que deixa o Claude Code ou o Cursor buscar e instalar os componentes direto no projeto, faz parte da assinatura.
• Os dois têm reembolso em até 14 dias.

O que eu faria

Pegaria o pacote grátis e escolheria uma animação por seção, só uma. O Dual Scramble no título do hero, o Curtain Slider na imagem principal, o Accordion nas perguntas frequentes. Aí colocaria o arquivo do componente dentro do projeto e pediria pro Claude Code ou pro Codex aplicar só naquele lugar, no formato que o projeto já usa, React ou HTML.

Antes de pedir, ajustaria a duração e o gatilho no painel da página do componente, pra saber exatamente o que eu quero. Movimento sem motivo é o que deixa site com cara de template, então quanto menos, melhor.

O site é este: annnimate.com.