gsap

GSAP (GreenSock Animation Platform) est une bibliothèque JavaScript d'animation puissante et indépendante de tout framework, conçue pour créer des animations haute performance compatibles avec tous les principaux navigateurs. Elle peut animer des propriétés CSS, SVG, canvas, React, Vue, WebGL, des couleurs, des chaînes, des trajectoires de mouvement et des objets génériques—pratiquement tout ce que JavaScript peut toucher. La bibliothèque est réputée pour son séquençage avancé, sa fiabilité et son contrôle précis, résolvant des défis d'animation réels sur plus de 12 millions de sites. Elle gère d'innombrables incohérences de navigateurs, garantissant des animations fluides, et est jusqu'à 20 fois plus rapide que jQuery. GSAP est entièrement flexible et sans aucune dépendance, ce qui facilite son intégration dans tout projet. Elle comprend un noyau capable d'animer presque tout, ainsi que des méthodes utilitaires comme interpolate(), mapRange() et diverses fonctions d'accélération. Des plugins optionnels étendent ses capacités, notamment ScrollTrigger pour les animations liées au défilement, MorphSVGPlugin pour le morphing SVG, SplitText pour le fractionnement de texte, MotionPathPlugin pour animer le long de trajectoires, et Flip pour les animations FLIP. Il existe également un plugin Observer pour normaliser la détection d'événements entre navigateurs et appareils. L'installation est simple via CDN ou NPM. La bibliothèque est gratuite, y compris tous les plugins bonus, grâce à Webflow. Pour les utilisateurs de React, il existe un package @gsap/react avec un hook useGSAP() qui simplifie l'intégration. Les ressources incluent une documentation complète, des démos, des forums communautaires, une antisèche et une chaîne YouTube pour apprendre.