Des outils pour créer des scènes 3D qui tournent dans le navigateur, des animations interactives et des animations vectorielles légères pour sites web et applications. Détermine d’abord à quoi sert l’animation : attirer l’attention, montrer un état ou présenter un produit en 3D demandent des outils et des formats différents.
À savoir: Les conditions d’utilisation gratuite varient selon l’outil et l’offre. Lorsqu’une carte n’indique pas de limite propre à l’outil, vérifie les quotas, les filigranes et les conditions d’exportation sur la page officielle.
Jitter est un outil de motion design en ligne qui crée des animations à partir de modèles gratuits ou d’une toile vierge et exporte le résultat en vidéo, GIF ou Lottie.
Design 3D et animation web
Rive est un outil pour concevoir des animations et des interfaces interactives avec des machines à états ; il propose un éditeur dans le navigateur et une application de bureau, et son résultat s’exécute dans des runtimes comme iOS, Android, le web, Flutter, React et des moteurs de jeu.
Design 3D et animation web
Spline est un outil de design 3D pour créer des scènes 3D avec collaboration en temps réel dans le navigateur et dans les applications de bureau pour Mac et Windows, ajouter des interactions et de l’animation, et exporter vers le web, React et d’autres formats.
Design 3D et animation web
LottieFiles est une plateforme de motion design avec une bibliothèque de plus de 800 000 animations prêtes à l’emploi, gratuites et premium, l’éditeur web Lottie Creator et les formats Lottie et dotLottie.
Design 3D et animation web
Crée une scène simple ou une animation à deux états, puis exporte-la et ajoute-la à une vraie page. Vérifie la fluidité sur un téléphone de milieu de gamme, le temps de chargement et le poids du fichier, et teste l’interaction à la souris, au toucher et au clavier.
Vérifie dans la documentation officielle les formats d’export proposés (par exemple glTF/GLB, Lottie JSON, vidéo ou fichier de lecteur propre à l’outil) et le lecteur ou l’extrait de code nécessaire pour l’afficher sur ton site. Regarde sur la page des tarifs si l’offre gratuite impose un filigrane ou des limites d’export ou de projets.
Quel est l’effet de l’animation sur l’accessibilité ? Le mouvement peut donner des vertiges à certaines personnes et gêner la lecture. Respecte le réglage système de réduction des animations, ajoute une commande de pause aux longues animations automatiques et ne transmets jamais une information importante uniquement par l’animation.
Une scène 3D ralentit-elle mon site ? Les modèles très détaillés, les grandes textures et les scènes calculées en continu sollicitent le processeur et la batterie, surtout sur mobile. Simplifie le modèle, compresse les textures, n’anime la scène que lorsqu’elle est visible et mesure le résultat avec un test de vitesse.
Cette comparaison repose sur la documentation officielle publiée. Il ne s’agit ni d’un test pratique ni d’un classement de qualité. Les fonctions inconnues ne sont pas considérées comme vérifiées.
| Nom de l’appli | Sur quel appareil ? | Résultat gratuit | Sans compte | Sans filigrane | Hors ligne | Traitement par lots | Langue du contenu | À savoir / Sources et date de vérification |
|---|---|---|---|---|---|---|---|---|
| Jitter | Site web | Oui | Non vérifié | Non | Non vérifié | Non vérifié | Non vérifié | Sources et date de vérification |
| Rive | Site web | Oui | Non vérifié | Non | Non vérifié | Non vérifié | Non vérifié | |
| Spline | Site web | Oui | Non vérifié | Non | Non vérifié | Non vérifié | Non vérifié | Sources et date de vérification |
| LottieFiles | Site web | Non vérifié | Non vérifié | Non vérifié | Non vérifié | Non vérifié | Non vérifié | Sources et date de vérification |