▶ Stack
Next.js App Router
GSAP + ScrollTrigger
WebGL / Canvas 2D
TypeScript + Tailwind
Playwright capture pipeline
FFmpeg film assembly
▶ What It Is
A private gallery of production-grade GSAP and WebGL modules. Preview them live, inspect the motion, copy the real TSX. Not mockups — every card is the component actually running, with viewport gating so the vault stays at 60fps.
295
Live modules
0
Console errors / leaks
60
FPS lifecycle target
7
Audit passes to v1.0
▶ How you use it
Filter by category (scroll, cursor, 3D, canvas). Search CamelCase names. Open a module — it is not a video, it is the component running. Scroll the real file. One click, it is yours.
LIVE. NOT A MOCKUP. · COPY. PASTE. SHIP.
▶ Architecture
285 showcase modules plus 10 preview leads, audited across seven passes. IntersectionObserver gates every card. Named ticker cleanup, no anonymous leaks. ScrollTrigger lives inside GSAP context so unmount kills it.
The marketing film is a separate pipeline: Playwright records the vault being used, FFmpeg cuts intertitles and xfade into a 46s reel. The app never serves those files — library and positioning stay split on purpose.
