GSAP
Acerca de
Biblioteca de animación JavaScript de nivel profesional que impulsa más de 11 millones de sitios web, conocida por su rendimiento extremo y animaciones de desplazamiento ScrollTrigger — uso gratuito con licencia comercial basada en número de usuarios
Plataformas compatibles
Las plataformas disponibles incluyen Aplicación web y API.
Características Principales
Precios
Casos de Uso
Ventajas
Desventajas
Última Actualización
Julio 2026: GSAP continúa como la biblioteca de animación web líder con desarrollo activo
Comienza en 5 Pasos
Empieza en 5 pasos
Comienza en 5 Pasos
Empieza en 5 pasos
Instalar vía npm
Agrega GSAP a tu proyecto usando npm o yarn.
npm install gsapImportar GSAP
Importa GSAP en tu archivo JavaScript.
import { gsap } from "gsap";Crear una animación básica
Anima cualquier elemento con un tween simple.
gsap.to(".box", { x: 200, duration: 1, rotation: 360 });Agregar ScrollTrigger
Activa animaciones según la posición de desplazamiento.
gsap.to(".section", { scrollTrigger: ".section", y: -100, opacity: 1 });Construir una línea de tiempo
Secuencia múltiples animaciones con una línea de tiempo.
const tl = gsap.timeline(); tl.to(".a", { x: 100 }).to(".b", { y: 50 });Herramientas de Diseño y Creatividad relacionadas
Asistente de diseño IA integrado en Canva para generar pósters, presentaciones y más
Funciones de diseño IA integradas en Figma, incluyendo prototipado con un clic, diseño automático y renombrado inteligente
Estudio creativo de IA agéntico de Tencent Design con generación de imagen/vídeo/UI/3D y memoria persistente
Plataforma de diseño y publicación con IA: diseña sitios responsivos en un lienzo y publícalos con un clic, con IA que genera páginas desde prompts, localización y pruebas A/B, además de CMS, SEO y alojamiento en CDN global integrados; gratis para empezar, Basic desde $10/mes