Créer un site animé avec l'IA : cinq outils, ce qu'ils coûtent vraiment

03.11.2026 · Horizon IF · Rubrique : IA

Les listes d'« outils indispensables » pour faire un site animé circulent beaucoup sur X, comme celle du compte @amananimates [1]. Nous avons repris les candidats et vérifié ce que chacun fait, ce qui est gratuit et sous quelle licence. Nous en gardons cinq, choisis pour un public qui ne code pas, ou peu.

Ce que nous avons écarté, et pourquoi

Scrolltide figurait dans la liste d'origine. Nous l'avons écarté : il y était mis en avant sans que nous trouvions d'information vérifiable sur son offre. Scroll Shaders vend des fonds animés WebGL, avec une offre « Lifetime » à 239 dollars affichée en page d'accueil [2]. C'est un produit commercial, utile, mais pas un point de départ gratuit. Godly et 60fps.design sont des galeries d'inspiration (60fps propose une partie « Pro » réservée aux abonnés [3]) : elles montrent des sites, elles ne les fabriquent pas. Magic UI, proche d'Aceternity UI, est sous licence MIT [4] ; nous n'en gardons qu'un des deux pour éviter le doublon.

1. Lovable : décrire le site, l'IA le code

Lovable génère une application ou un site web à partir d'une description en langage naturel. La formule gratuite inclut 5 crédits de construction par jour (30 par mois au maximum) et 20 crédits « Cloud » mensuels [5]. Au-delà, il faut un abonnement ; les crédits ne valent pas la même chose selon les formules, précise la plateforme [5]. C'est l'outil le plus accessible de la liste, mais le quota gratuit s'épuise vite sur un projet réel.

2. 21st.dev : une bibliothèque de composants animés

21st.dev rassemble des composants d'interface (sections d'accueil, tableaux de prix, animations) à copier dans un projet React. Gratuitement, on peut parcourir toute la bibliothèque et copier 2 composants par jour ; les formules payantes, à partir de 6 dollars par mois en facturation annuelle, lèvent cette limite [6]. Le site propose aussi des fonctions d'IA facturées en crédits [6].

3. Aceternity UI : des effets prêts à l'emploi

Aceternity UI propose des composants animés construits avec React, Next.js, Tailwind CSS et Motion. Selon sa FAQ, la partie gratuite est utilisable dans des projets personnels et commerciaux ; l'offre payante « All-Access » ajoute plus de 200 blocs premium et des modèles de sites [7]. Comme pour 21st.dev, il faut savoir coller du code dans un projet, ou demander à un assistant IA de le faire.

4. Three.js : la 3D dans le navigateur

Three.js est une bibliothèque JavaScript libre, sous licence MIT, qui affiche de la 3D dans une page web [8][9]. Elle est gratuite, y compris pour un usage commercial. Ce n'est pas un outil « IA » en soi, mais les assistants de code la connaissent bien : c'est souvent elle qu'ils utilisent quand on leur demande un effet 3D.

5. Shadertoy : des fonds animés, à vérifier licence par licence

Shadertoy est une plateforme communautaire où l'on publie de petits programmes graphiques (shaders) qui tournent dans le navigateur. L'usage est gratuit. Attention à la réutilisation : sauf mention contraire de l'auteur, un shader publié est sous licence Creative Commons BY-NC-SA 3.0, donc non commerciale [10]. Pour un site professionnel, il faut choisir des shaders dont l'auteur a indiqué une licence permissive, comme MIT.

Ce qu'il faut retenir

Aucun de ces outils ne fait tout seul un site animé fini. Lovable est le plus simple pour démarrer, dans la limite de son quota gratuit. Les bibliothèques (21st.dev, Aceternity UI, Three.js) donnent les briques, qu'un assistant IA peut ensuite assembler. Shadertoy est une mine d'effets, mais sa licence par défaut interdit l'usage commercial.

Sources

1. @amananimates, post X, https://x.com/amananimates/status/2117308043436458223 (liste d'origine), consulté le 03.11.2026.
2. Scroll Shaders, page d'accueil et licence, https://scrollshaders.com, consulté le 03.11.2026.
3. 60fps.design, page d'accueil, https://60fps.design, consulté le 03.11.2026.
4. Magic UI, fichier LICENSE (MIT), https://github.com/magicuidesign/magicui, consulté le 03.11.2026.
5. Lovable, page Tarifs et FAQ, https://lovable.dev/pricing, consulté le 03.11.2026.
6. 21st.dev, page Tarifs et FAQ, https://21st.dev/pricing, consulté le 03.11.2026.
7. Aceternity UI, page d'accueil et FAQ, https://ui.aceternity.com, consulté le 03.11.2026.
8. Three.js, site officiel, https://threejs.org, consulté le 03.11.2026.
9. three (paquet npm de Three.js), licence MIT déclarée, https://www.npmjs.com/package/three, consulté le 03.11.2026.
10. Shadertoy, conditions d'utilisation, https://www.shadertoy.com/terms, consulté le 03.11.2026.

Note : godly.website n'a pas renvoyé de contenu lisible lors de notre vérification ; il n'est cité qu'à titre de galerie d'inspiration.