Gerador de animações SVG — uma frase e tudo começa a se mover

O ponto forte é o movimento declarativo — animações que executam uma coreografia definida:
(1) Recursos de web e interface — indicadores de carregamento, logos que se desenham, fundos de ondas, 404 animados.
(2) Efeitos de texto — revelações de máquina de escrever, tipografia cinética, caligrafia que se escreve sozinha.
(3) Diagramas explicativos — planetas em órbita, linhas do tempo, gráficos que crescem, princípios de funcionamento em repetição.

Não é a ferramenta certa para: simulações ou jogos com JavaScript (física com valores ao vivo, applets interativos); para logos e ilustrações estáticas, use o gerador de SVG do GPT Image 2; para fluxogramas e diagramas, o gerador de diagramas SVG com IA.

Sim — é literalmente assim que esta página funciona por padrão. O Claude Sonnet 5, da Anthropic, escreve diretamente a marcação SVG e os keyframes CSS, forma por forma e quadro a quadro. Escrever código vetorial a partir de uma descrição em texto é uma das tarefas em que os modelos de ponta ficaram notavelmente bons, e o Claude está sempre entre os melhores nisso. Mas não é a única opção aqui: o seletor de nível também roda Gemini 3.6 Flash e Kimi K3, e as configurações avançadas permitem indicar diretamente GPT-5.6, DeepSeek V4 Flash ou MiniMax M3. Escreva uma frase acima e abra a visualização de código para ver exatamente o que o seu motor escreveu.

Para qualquer coisa que vá num site, o SVG animado ganha em todos os aspectos: algumas dezenas de kilobytes em vez de megabytes, nitidez perfeita em qualquer nível de zoom, repetição fluida e infinita, e código editável em vez de pixels fixados. O GIF mantém uma única vantagem: toca em plataformas que não aceitam envio de SVG (alguns mensageiros e feeds sociais). Regra prática: SVG para o seu próprio site, slides e documentos; GIF só onde a plataforma obriga. Não é preciso decidir de antemão: toda geração exporta para GIF e MP4 a partir do mesmo resultado, renderizado no seu navegador e sem custo extra em créditos.

De duas formas:
(1) Como imagem — envie o .svg e referencie em uma tag img comum. As animações de keyframes CSS dentro do arquivo tocam automaticamente.
(2) Inline — copie o código da visualização de código e cole no seu HTML. Esse é o caminho se você quiser efeitos ao passar o mouse, já que estados de interação só funcionam quando o SVG está dentro da página.
Nos dois casos, não há script para carregar nem nada para instalar.

Não. A saída é animação puramente declarativa — keyframes CSS (e às vezes SMIL) dentro do próprio arquivo SVG. Sem GSAP, sem player do Lottie, sem camada de execução. É justamente isso que a torna segura para colar inline, rápida de carregar e portátil em todos os navegadores modernos. Uma ressalva honesta: a maioria dos clientes de e-mail congela animações SVG, então para newsletters o GIF continua sendo a escolha mais segura.

Sim — esse é o segundo modo. Envie seu SVG, descreva o movimento desejado (desenhar o contorno traço a traço, flutuar suavemente, fazer a cor de destaque pulsar) e a IA acrescenta a animação mantendo suas formas originais intactas. Se o seu logo só existe em PNG ou JPG, converta primeiro com o gerador de SVG do GPT Image 2 e depois anime aqui.

Sim, e os dois são gratuitos. O SVG é o resultado nativo; GIF e MP4 são produzidos reproduzindo sua animação quadro a quadro dentro do seu navegador — nada é enviado e nenhum crédito extra é cobrado. Use GIF onde não aceitam SVG e MP4 para vídeo curto, slides e material de curso. A codificação de MP4 precisa de um navegador com WebCodecs (Chrome, Edge e versões recentes do Safari têm); onde faltar, SVG e GIF continuam funcionando e apenas o botão de MP4 fica desativado.

10 créditos por geração, igual às outras ferramentas SVG deste site. Novos usuários recebem créditos gratuitos para experimentar.

A maioria das animações fica pronta em bem menos de um minuto. Cenas com muitos elementos ou coreografias longas podem levar até dois minutos — a IA escreve à mão cada forma e cada keyframe.

Pode. As animações que você gera são suas e o uso comercial é livre — em projetos de clientes, dentro de produtos e em conteúdo pago.