Web Animations Full Course 2025 | Build an Awwwards Website & Master GSAP in Two Hours

Tavsif:

In this GSAP Crash Course, you'll learn how to build an immersive cocktail website with scroll‑synced video playback and cinematic animations. We'll use React and TailwindCSS to bring the experience to life, making it the perfect project to level up your frontend animation skills. 00:00:00 — Introduction 00:03:23 — GSAP Workshop 00:30:52 — Project Showcase 00:32:06 — App Setup 00:46:52 — Navbar 00:59:07 — Hero Layout 01:12:10 — GSAP Hero Video Animation 01:26:08 — Cocktails Section 01:36:15 — About Section 01:46:25 — Art Section 01:58:10 — Menu Section 02:17:35 — Contact Section