Índice do artigofaltam 7 min de leitura
Desde 30 de abril de 2025 o GSAP é 100% gratuito, plugins incluídos, para qualquer uso comercial. A pergunta que sobrou não é quanto custa a biblioteca de animação mais estabelecida da web: é onde o movimento agrega percepção de qualidade e onde ele só cobra performance.
Durante mais de uma década, animação web de alto nível teve um pedágio conhecido: o núcleo do GSAP era gratuito, mas os plugins que faziam o trabalho mais impressionante viviam atrás de uma assinatura paga. Esse modelo acabou, e a mudança passou despercebida por muita gente que decide orçamento de site e de produto digital.
Este artigo explica o que é o GSAP, reconstrói a linha do tempo que levou à gratuidade, mostra o que a licença permite de verdade (gratuito não é open source) e termina no que interessa a quem contrata ou constrói software: quando animação vale o investimento e quando CSS puro resolve. A apuração foi feita direto nas fontes primárias, com datas e links na seção de fontes ao final.
Resumo do artigo
- O GSAP é 100% gratuito desde 30 de abril de 2025, incluindo os plugins que exigiam assinatura, liberados também para uso comercial.
- A gratuidade veio da compra da GreenSock pela Webflow em outubro de 2024; o time original segue mantendo a biblioteca em tempo integral.
- Gratuito não é open source: a licença proprietária só pesa para quem constrói ferramenta visual de animação que concorra com a Webflow.
- CSS puro segue melhor para microinterações; o GSAP compensa em narrativa de rolagem, SVG e sequências orquestradas; Motion é a alternativa MIT focada em React.
O GSAP virou o padrão da animação web profissional
O GSAP (GreenSock Animation Platform) é uma biblioteca JavaScript para animar interfaces, SVG e WebGL com controle fino de tempo e sequência, e é hoje o nome mais estabelecido da categoria. A escala aparece no registro público do npm: são milhões de downloads por semana só do pacote principal, mais de uma década de repositório ativo no GitHub e uma versão estável que continua evoluindo.
Fonte: registro npm, semana de 19 a 25/08/2026, e GitHub, leitura de 26/08/2026.
Esses números importam por uma razão prática: biblioteca com essa base instalada dificilmente vira código abandonado da noite para o dia, e o conhecimento sobre ela é abundante, tanto em documentação quanto na cabeça de quem o mercado contrata. O que diferencia o GSAP tecnicamente é a timeline: em vez de disparar efeitos isolados, o desenvolvedor compõe sequências encadeadas, com easing sofisticado e controle de reprodução, o mesmo vocabulário de quem edita vídeo.
A compra pela Webflow explica a gratuidade
A gratuidade do GSAP não foi um gesto espontâneo: foi consequência direta da aquisição da GreenSock pela Webflow, anunciada em 15 de outubro de 2024, com o compromisso público de manter a biblioteca disponível para toda a web. Meio ano depois, o modelo de assinatura foi desligado.
-
O GSAP vira repositório público
A GreenSock mantém a biblioteca como produto independente: núcleo gratuito, plugins avançados por assinatura paga do Club.
-
A Webflow compra a GreenSock
Anúncio em 15 de outubro de 2024, durante a Webflow Conf, com promessa de seguir mantendo e evoluindo a biblioteca para uso público.
-
O modelo pago acaba
Em 30 de abril de 2025 os plugins do Club deixam de exigir assinatura, inclusive para uso comercial.
-
O ritmo de versões continua
A versão 3.15.0 sai em 13 de abril de 2026, com o time original trabalhando em tempo integral na biblioteca dentro da Webflow.
A leitura de negócio da linha do tempo é simples: a Webflow transformou uma receita de assinaturas em investimento de plataforma, e o custo de manter o GSAP virou marketing e infraestrutura do próprio produto dela.
Tudo ficou gratuito em abril de 2025, inclusive os plugins que eram pagos
Com a versão 3.13, todos os plugins que exigiam a assinatura do Club GSAP passaram a ser gratuitos, também em projeto comercial. É a mudança que zera a conta de licença de qualquer site ou produto que queira animação de primeira linha.
A Webflow torna o GSAP 100% gratuito, incluindo todos os plugins que exigiam a assinatura do Club, liberados também para uso comercial.
Fonte: gsap.comO anúncio veio acompanhado de trabalho técnico, não só de mudança de preço. O SplitText, plugin de animação de texto que era um dos chamarizes da assinatura, foi reescrito do zero: 14 recursos novos, metade do tamanho anterior e suporte a leitores de tela. A Webflow também passou a oferecer, nas configurações de site da própria plataforma, a inclusão do GSAP e dos plugins por caixa de seleção, sem que isso prenda a biblioteca à plataforma.
Cada plugin resolve uma categoria de animação difícil
A força do GSAP não está em mover uma div, que o CSS também move: está nos plugins que resolvem categorias inteiras de animação trabalhosa. O ScrollTrigger, por exemplo, é a base das páginas que contam uma história conforme o usuário rola, formato comum em página de lançamento de produto.
| Plugin | O que ele resolve |
|---|---|
| ScrollTrigger | Animações guiadas pela rolagem da página |
| SplitText | Texto quebrado em linhas, palavras e letras para revelações |
| Flip | Transição suave entre dois estados do layout |
| Draggable e Inertia | Elementos arrastáveis com física de inércia |
| MorphSVG | Uma forma SVG se transformando em outra |
| DrawSVG | Traçados de SVG que se desenham na tela |
| MotionPath | Elemento percorrendo um caminho desenhado |
| GSDevTools | Controles de reprodução para depurar sequências |
Fonte: catálogo oficial de plugins em gsap.com, leitura de 26/08/2026.
No código, a API é declarativa e curta: registra-se o plugin, aponta-se o alvo e descreve-se o estado final. O exemplo abaixo faz cards surgirem em cascata quando a seção entra na tela.
gsap.registerPlugin(ScrollTrigger)
gsap.to(".card", {
opacity: 1,
y: 0,
stagger: 0.1,
scrollTrigger: {
trigger: ".cards",
start: "top 80%",
},
})A biblioteca é independente de framework: funciona em HTML puro, Vue, Angular, Svelte e no que vier. Para React existe o pacote oficial @gsap/react, cujo hook useGSAP cuida do ciclo de vida das animações (criação e limpeza junto com o componente), que é onde a integração manual costuma vazar memória.
Gratuito não é open source: o que a licença permite e proíbe
O GSAP continua sendo software proprietário: o código é público e o uso é gratuito, mas a licença é a Standard "no charge" da Webflow, não uma licença aberta como a MIT. Para quem constrói sites e produtos, a diferença não muda nada no dia a dia; para quem constrói ferramentas de animação, muda tudo.
A licença permite
- Uso comercial sem custo em sites, aplicações e produtos
- Uso em qualquer stack e hospedagem, com ou sem Webflow
- Código GSAP gerado por assistentes de IA, caso citado na própria licença
A licença proíbe
- Ferramenta visual de animação sem código que concorra com a Webflow
- Engenharia reversa para criar produto concorrente
- Remover avisos de propriedade e marca dos arquivos
O ponto sensível é um só: usar o GSAP como motor de um construtor visual de animações que dispute mercado com a Webflow. Se o seu produto é um site, um e-commerce, um SaaS ou um app, essa cláusula não alcança você. A menção explícita a código gerado por IA também resolve uma dúvida prática de 2026: gerar animação GSAP com assistente de código está dentro das regras.
GSAP, CSS puro ou Motion: qual usar em cada cenário
Não existe vencedor único: CSS puro, GSAP e Motion ganham em cenários diferentes, e a escolha errada aparece depois, como dependência desnecessária ou como limitação no meio do projeto. A tabela resume o recorte que usamos para decidir.
| Critério | CSS puro | GSAP | Motion |
|---|---|---|---|
| Licença | Padrão do navegador | Proprietária, gratuita | MIT, open source |
| Onde brilha | Microinterações e transições | Rolagem, SVG e sequências longas | Animação declarativa em React |
| Dependência | Nenhuma | Biblioteca via npm ou CDN | Biblioteca via npm |
| Controle de tempo | Transições e keyframes | Timelines encadeadas com controle fino | Declarativo, por estado do componente |
| Quando escolher | Hover, foco e fades | Narrativa visual e storytelling | Entrada e saída de componentes React |
Fonte: documentação e licenças oficiais dos três projetos, leitura de 26/08/2026.
O veredito por caso de uso: microinteração de interface (hover, foco, fade de menu) fica em CSS, sem biblioteca nenhuma. Página que conta história na rolagem, morphing de SVG, sequência longa com sincronização fina: GSAP, e é para isso que ele existe. Aplicação React em que animação é sobretudo entrada, saída e gesto de componente: Motion resolve com menos código e licença MIT, e nesse cenário ele é a escolha melhor. Os caminhos também se combinam: CSS nas microinterações e GSAP apenas nas páginas de narrativa é uma divisão comum e saudável.
Animação mal feita cobra em performance e acessibilidade
Animação é das primeiras coisas a degradar a experiência quando entra sem critério: rolagem que engasga, texto que pisca, movimento que incomoda parte dos usuários. O custo não aparece na máquina de quem desenvolve, aparece no celular mediano de quem visita.
- Animar transform e opacity, nunca propriedades de layout como width e top
- Respeitar a preferência de movimento reduzido do sistema do usuário
- Testar a rolagem em um celular mediano, não só na máquina de desenvolvimento
- Medir Core Web Vitals antes e depois de animar as páginas críticas
- Garantir que o conteúdo continue legível se o JavaScript falhar
Nada dessa lista é exclusivo do GSAP: vale para CSS, Motion e qualquer outra técnica. A boa notícia é que a própria biblioteca sinaliza maturidade nesse tema, e a reescrita do SplitText com suporte a leitores de tela é o exemplo mais visível. O gargalo de performance e acessibilidade quase nunca é a ferramenta: é a decisão de animar demais, no lugar errado.
O risco que resta: depender do patrocínio da Webflow
Para quem usa GSAP em sites e produtos, o risco prático da nova fase é baixo, mas existe e tem nome: a continuidade da biblioteca depende do interesse comercial de uma única empresa. O que a Webflow declarou publicamente foi a manutenção da biblioteca para toda a web, com o time original dedicado a ela em tempo integral.
O que não está garantido é o futuro distante: nenhum contrato obriga a Webflow a manter versões novas gratuitas para sempre. O que mitiga o risco é concreto: os pacotes já publicados no npm continuam instaláveis, o código fica em repositório público no GitHub e o volume de milhões de downloads semanais tornaria uma ruptura brusca cara para a própria marca. Quem precisa de previsibilidade absoluta de licença tem no Motion, MIT, a alternativa; quem quer o teto técnico mais alto da categoria aceita o arranjo atual, que hoje é francamente favorável ao usuário.
Quando vale investir em animação num projeto de software
Animação é investimento de percepção: rende mais onde a primeira impressão decide e menos onde a mesma tela é operada dezenas de vezes por dia. Esse filtro vem antes de qualquer conversa sobre biblioteca.
No quadrante do site institucional e da landing page, movimento bem dirigido é diferenciação visível: é onde o visitante forma juízo sobre a qualidade do que você vende, e é onde o ScrollTrigger paga o próprio peso. No extremo oposto, sistema interno pede movimento apenas funcional, o que confirma uma ação ou revela um estado, porque animação decorativa em tela de trabalho vira atrito na décima repetição. Entre um extremo e outro, a regra que aplicamos é tratar animação como requisito de escopo, com orçamento de performance definido junto, e não como enfeite adicionado no final. Vale lembrar também que animação é código: cada sequência criada será mantida, testada e revisitada a cada mudança de layout.
Quer esse nível de acabamento no seu site ou produto?
A X-Apps projeta e implementa interfaces com animação, tratando performance e acessibilidade como requisitos do escopo.
Fontes e método
A apuração deste artigo foi feita em 26 de agosto de 2026, direto nas fontes primárias: o anúncio oficial da versão 3.13, a licença padrão publicada pela Webflow, o anúncio da aquisição no blog da Webflow, o registro público do npm e os repositórios das bibliotecas no GitHub. Números de adoção variam semana a semana e valem para as datas indicadas nos próprios blocos. A X-Apps não tem relação comercial com a Webflow nem com os projetos citados, e a leitura da licença aqui é editorial: caso de borda, como construir ferramenta de animação, merece análise jurídica própria.
- gsap.com/blog/3-13
- gsap.com/community/standard-license
- webflow.com/blog/webflow-acquires-gsap
- npmjs.com/package/gsap
- github.com/greensock/GSAP
- github.com/motiondivision/motion
Perguntas frequentes
Sim. Desde 30 de abril de 2025, com a versão 3.13, toda a biblioteca e todos os plugins são gratuitos, incluindo o uso em projetos comerciais.
Não. O código é público e o uso é gratuito, mas a licença é proprietária (a Standard 'no charge' da Webflow) e só restringe quem constrói ferramenta de animação concorrente.
Sim, a biblioteca é independente de framework. Para React existe o pacote oficial @gsap/react, com o hook useGSAP, que cuida do ciclo de vida das animações.
Era a assinatura paga que dava acesso aos plugins premium, como SplitText e MorphSVG. Ela deixou de existir quando a Webflow tornou tudo gratuito em 2025.
Não. O GSAP continua sendo uma biblioteca independente, instalável por npm ou CDN em qualquer site ou aplicação, dentro ou fora da Webflow.
Em microinterações simples, como hover, foco e fades, o CSS resolve sem adicionar dependência. O GSAP compensa quando há sequência orquestrada, animação guiada por rolagem ou SVG complexo.
