5 repositórios de animações GSAP

5 repositórios de animações GSAP que eu uso para colocar movimento de qualidade em sites: efeitos prontos, componentes de motion, cofre de recursos, gerador com IA e vitrine de experimentos.

Compartilhar
5 repositórios de animações GSAP
GSAP Animations - 5 repositórios

Eu separei 5 repositórios de animações GSAP para quem quer movimento de qualidade no site sem programar cada efeito do zero. GSAP (GreenSock Animation Platform) é uma biblioteca JavaScript de animação de alta performance que controla movimento, tempo e sequências de qualquer elemento na tela. A lista serve para designers e desenvolvedores que trabalham com HTML, React, Vue ou Webflow: são coleções de efeitos, componentes de motion, um cofre de recursos, um gerador com IA e uma vitrine de experimentos. Cada bloco explica o que o repositório é e o que oferece, com base no site oficial. Lista atualizada em setembro de 2026.

  1. Made With GSAP
  2. Annnimate
  3. Osmo
  4. GSAPify
  5. Codrops Creative Hub

Made With GSAP

Made With GSAP

Made With GSAP é uma coleção de efeitos JavaScript premium feitos com GSAP: animações de scroll, arrasto, movimento do mouse, loops infinitos e outros. Serve para aprender técnicas essenciais de motion na web e usá-las na hora, com snippets de código prontos para integrar ao projeto e construídos com atenção à performance. São 116 efeitos hoje, com um novo por semana, e mais de 1.800 desenvolvedores usam a plataforma.

madewithgsap.com

Annnimate

Annnimate

Annnimate é uma biblioteca de componentes de motion em GSAP para React, Vue e HTML, feita pelo estúdio Good Fella, que produz animação para marcas como Coca-Cola, Powerade e BodyArmor. Serve para copiar um componente pronto, ajustar alguns valores e pular os dias de reconstrução: são 96 componentes, entre sliders, menus, galerias, transições de seção e efeitos de scroll, com um pacote inicial gratuito e navegação sem cadastro.

annnimate.com

Osmo

Osmo

Osmo é uma plataforma de recursos para Webflow e HTML criada para desenvolvedores criativos. Serve para acessar os elementos, as técnicas e o código por trás de trabalhos premiados: o Vault reúne componentes como mega menus, cards 3D, sliders em GSAP, odômetros, timelines e grids animados, e a plataforma ainda oferece biblioteca de ícones, coleção de easings, um pacote de botões e um curso de transições de página.

osmo.supply

GSAPify

GSAPify

GSAPify é um hub de animações GSAP com efeitos prontos para usar, um gerador de animações com IA e guias completos. Serve para dominar a biblioteca e aplicar movimento em projetos web: os guias cobrem tutorial de GSAP, easing, ScrollTrigger, timeline, SplitText, animações de texto e o uso com React e Webflow. O gerador tem cota gratuita e planos pagos com gerações ilimitadas e efeitos premium.

gsapify.com

Codrops Creative Hub

Codrops Creative Hub

Codrops Creative Hub é uma vitrine em expansão de demos web open source, experimentos de design, conceitos interativos e ideias criativas. Serve para explorar código e design da comunidade criativa: destaca trabalhos originais dos colaboradores do Codrops ao lado de projetos de destaque de toda a web, com demos em 3D, física, shaders, WebGL, WebGPU e GSAP, cada uma com vídeo, autor, data e tags para filtrar.

tympanus.net/codrops/hub