Animation

GSAP + ScrollTrigger

Industry-standard timeline animation, scroll-driven sequences.

Live demogsap

GSAP is the gold standard for timeline animation — ScrollTrigger, SplitText, and Flip cover scroll-driven sequences, typography FX, and impossible-to-css layout transitions.

Install

npm i gsap

Snippet

import gsap from "gsap";

const tl = gsap.timeline();
tl.from(".box", {
  y: 40,
  opacity: 0,
  stagger: 0.08,
  duration: 0.6,
  ease: "power3.out",
});