GSAP
À Propos
Bibliothèque d'animation JavaScript de qualité professionnelle alimentant plus de 11 millions de sites web, réputée pour ses performances fulgurantes et ses animations de défilement ScrollTrigger — gratuite avec licence commerciale basée sur le nombre d'utilisateurs
Plateformes prises en charge
Les plateformes disponibles incluent Application web et API.
Fonctionnalités Clés
Tarifs
Cas d'Utilisation
Avantages
Inconvénients
Dernière Mise à Jour
Juillet 2026: GSAP continue d'être la bibliothèque d'animation web leader avec un développement actif
Démarrez en 5 Étapes
Démarrez en 5 étapes
Démarrez en 5 Étapes
Démarrez en 5 étapes
Installer via npm
Ajoutez GSAP à votre projet avec npm ou yarn.
npm install gsapImporter GSAP
Importez GSAP dans votre fichier JavaScript.
import { gsap } from "gsap";Créer une animation de base
Animez n'importe quel élément avec un tween simple.
gsap.to(".box", { x: 200, duration: 1, rotation: 360 });Ajouter ScrollTrigger
Déclenchez des animations selon la position de défilement.
gsap.to(".section", { scrollTrigger: ".section", y: -100, opacity: 1 });Construire une timeline
Séquencez plusieurs animations avec une timeline.
const tl = gsap.timeline(); tl.to(".a", { x: 100 }).to(".b", { y: 50 });Outils Design et Créativité similaires
Assistant design IA intégré dans Canva pour générer des affiches, des présentations et plus encore
Fonctions de design IA intégrées dans Figma, y compris le prototypage en un clic, la mise en page automatique et le renommage intelligent
Studio créatif IA agentique de Tencent Design avec génération image/vidéo/UI/3D et mémoire persistante
Plateforme de design et publication propulsée par l'IA : concevez des sites responsives sur un canevas et publiez-les en un clic, avec une IA qui génère des pages depuis des prompts, la localisation et des tests A/B, plus CMS, SEO et hébergement CDN mondial intégrés ; gratuit pour démarrer, Basic dès 10 $/mois