cyberneticlibrary
← library

Build GSAP scroll animation landing pages

gsap-awwwards-websiteskillsetup L1★0
Sheshiyer/skill-clusters ↗
What it does

Build polished React+GSAP landing with scroll animations

Best for

When building an Awwwards-grade product landing page with smooth scroll-driven animations.

Inputs
  • · React 19 component hierarchy
  • · Tailwind CSS 4 tokens
Outputs
  • · Built dist/ directory
  • · Dev server on port 5173
Requires
  • · npm
  • · Vite
  • · GSAP
  • · React 19
  • · Tailwind CSS 4
Preconditions

Node.js and npm installed; clone template or use existing project

Failure modes
  • · GSAP animations not syncing with scroll
  • · Vercel deployment fails without --prebuilt flag
Trust signals
  • · Reference implementation from Eng0AI
  • · Specific Vercel deploy commands documented
  • · Tested on macOS