About Page

Use different directives and configs on each page for variety in animations.

Flexible System

Mix and match directives to create unique page experiences.

How It Works

Directives store config, page transitions read and animate.

  1. Directives mark elements with animation config
  2. Page transitions read configs
  3. Elements animate OUT, then IN
  4. Simple, DRY, full control

Try clicking rapidly between pages - GSAP handles interruptions gracefully!

Smooth Scrolling

ScrollSmoother is active on all pages for a consistent experience.