GSAP

GSAP

A powerful animation library for performant, timeline-based animations with Three.js and more.

Category:
Do you know a Resource we should add?Submit a new Resource!

Video

Three.js Marketplace

Three.js Marketplace

Kickstart your Three.js and React Three Fiber (R3F) projects with our free and premium components themes and tools. Designed for freelancers, developers, and agencies, each product includes essential features to get you up and running quickly.

Web Development

Help with your project?

Custom Three.js, WebGL, and WebGPU development — from product visualizers to interactive 3D websites.

Links

Featured Badge

Add this badge to your website to show you are featured on Three.js Resources.

Light Version

Description

GSAP (GreenSock Animation Platform) is a high-performance JavaScript animation library widely used across the web for creating smooth, complex, and visually appealing animations. It integrates seamlessly with Three.js, making it ideal for animating 3D scenes, camera movements, and object properties with precision and control. Thanks to its robust timeline feature and optimized rendering engine, GSAP ensures consistent performance across all modern browsers and devices. Developers use GSAP in creative coding, interactive websites, and immersive web experiences—especially when building with frameworks like Three.js.

Features:

  • Timeline-based control over animations for precise sequencing

  • Works perfectly with Three.js for animating 3D objects and scenes

  • Supports SVG, DOM, canvas, and WebGL animations

  • Lightweight and performance-optimized for smooth rendering

  • Powerful easing functions and plugin architecture

  • Ideal for scroll-based animations, user interaction, and dynamic 3D effects

  • Extensive documentation and a large, active community

GSAP is an essential tool in the toolkit of any Three.js developer aiming to add fluid, professional-level animation to their 3D web projects.

Sponsors