Générateur d'animations SVG — une phrase, et tout se met à bouger

Le point fort, c'est le mouvement déclaratif — des animations qui jouent une chorégraphie définie :
(1) Éléments web et interface — indicateurs de chargement, logos qui se dessinent, fonds de vagues, 404 animées.
(2) Effets de texte — révélations machine à écrire, typographie cinétique, écriture manuscrite qui se trace.
(3) Schémas explicatifs — planètes en orbite, frises, diagrammes en croissance, principes de fonctionnement en boucle.

Ce n'est pas l'outil adapté pour : les simulations ou jeux pilotés par JavaScript (physique avec valeurs en direct, applets interactives) ; pour les logos et illustrations statiques, utilisez le générateur SVG GPT Image 2 ; pour les organigrammes et schémas, le générateur de diagrammes SVG par IA.

Oui — c'est littéralement ainsi que cette page fonctionne par défaut. Claude Sonnet 5, d'Anthropic, écrit directement le balisage SVG et les keyframes CSS, forme par forme et image par image. Écrire du code vectoriel à partir d'une description textuelle fait partie des tâches où les modèles de pointe sont devenus remarquablement bons, et Claude figure régulièrement parmi les meilleurs sur ce terrain. Ce n'est pourtant pas la seule option ici : le sélecteur de niveau donne aussi accès à Gemini 3.6 Flash et Kimi K3, et les paramètres avancés permettent de désigner directement GPT-5.6, DeepSeek V4 Flash ou MiniMax M3. Écrivez une phrase ci-dessus, puis ouvrez la vue code pour voir exactement ce que votre moteur a produit.

Pour tout ce qui va sur un site web, le SVG animé l'emporte sur tous les plans : quelques dizaines de kilooctets au lieu de mégaoctets, une netteté parfaite à tous les niveaux de zoom, une boucle fluide infinie, et du code modifiable au lieu de pixels figés. Le GIF conserve un seul avantage : il se lit sur les plateformes qui refusent l'envoi de SVG (certaines messageries et certains fils sociaux). En pratique : SVG pour votre propre site, vos slides et vos documents ; GIF uniquement là où la plateforme l'impose. Rien à trancher à l'avance : chaque génération s'exporte en GIF et en MP4 depuis le même résultat, rendu dans votre navigateur et sans crédit supplémentaire.

Deux méthodes :
(1) Comme une image — envoyez le fichier .svg et référencez-le dans une balise img classique. Les animations en keyframes CSS contenues dans le fichier se jouent automatiquement.
(2) En ligne — copiez le code depuis la vue code et collez-le dans votre HTML. C'est la bonne approche si vous voulez des effets au survol, car les états d'interaction ne fonctionnent que lorsque le SVG vit dans la page.
Dans les deux cas, aucun script à charger ni quoi que ce soit à installer.

Non. Le résultat est une animation purement déclarative — des keyframes CSS (et parfois du SMIL) à l'intérieur même du fichier SVG. Pas de GSAP, pas de lecteur Lottie, aucune couche d'exécution. C'est précisément ce qui la rend sûre à intégrer en ligne, rapide à charger et portable sur tous les navigateurs modernes. Une réserve en toute honnêteté : la plupart des clients de messagerie figent les animations SVG, donc pour une newsletter, le GIF reste le choix le plus sûr.

Oui — c'est le second mode. Importez votre SVG, décrivez le mouvement voulu (tracer le contour trait par trait, flotter doucement, faire pulser la couleur d'accent), et l'IA ajoute l'animation en préservant vos formes d'origine. Si votre logo n'existe qu'en PNG ou en JPG, convertissez-le d'abord avec le générateur SVG GPT Image 2, puis animez-le ici.

Oui, et les deux sont gratuits. Le SVG est le livrable natif ; le GIF et le MP4 sont produits en rejouant votre animation image par image dans votre navigateur — rien n'est envoyé sur un serveur et aucun crédit supplémentaire n'est facturé. Utilisez le GIF là où l'envoi de SVG est refusé, et le MP4 pour la vidéo courte, les slides et les supports de cours. L'encodage MP4 exige un navigateur avec WebCodecs (Chrome, Edge et les versions récentes de Safari l'ont) ; à défaut, le SVG et le GIF fonctionnent toujours et seul le bouton MP4 reste désactivé.

10 crédits par génération, comme pour les autres outils SVG de ce site. Les nouveaux inscrits reçoivent des crédits offerts pour essayer.

La plupart des animations sont prêtes en bien moins d'une minute. Les scènes comportant de nombreux éléments ou une longue chorégraphie peuvent demander jusqu'à deux minutes — l'IA écrit chaque forme et chaque keyframe à la main.

Oui. Les animations que vous générez vous appartiennent et leur usage commercial est libre — pour des projets clients, dans vos produits et dans du contenu payant.