GSAP бесплатная анимация с 2025
Полная инструкция по бесплатной JavaScript-библиотеке GSAP с плагинами, интеграцией React и примерами использования в лендингах.
privacy
Эта заметка участвует в semantic memory.
AI Summary
- Короткий обзор сути: GSAP — мощная JavaScript-библиотека для анимаций, которая с 30 апреля 2025 года стала полностью бесплатной вместе со всеми плагинами благодаря поддержке Webflow.
🔑 Ключевые факты: библиотека работает поверх любого фреймворка и браузера, обеспечивает стабильность, точный контроль через таймлайны и обширную экосистему плагинов; ранее платные плагины теперь доступны для коммерческого использования.
📌 Важные детали: установка через CDN или npm, обязательная регистрация плагинов через gsap.registerPlugin(), использование хука useGSAP() в React для автоматического cleanup, ограничение лицензии — нельзя встраивать в конкурирующие no-code аниматоры; ScrollTrigger и SplitText требуют отдельной регистрации.
💡 Вывод и значение: для React-проектов использовать @gsap/react и scope для изоляции анимаций; при работе с ScrollTrigger вызывать refresh() после загрузки контента; для Codex Sites подключать GSAP через CDN и описывать анимации словами в промпте; проверять prefers-reduced-motion через gsap.matchMedia().