Build an Awwwards Website with GSAP | Full Web Animations Course 2025

🚀 Master GSAP. Build the GTA VI site. Launch discount live → https://jsm.dev/cocktail-gsap

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.

⭐ Join JS Mastery Pro: https://jsm.dev/cocktail-jsmpro
💎 Become a Top 1% Next.js Developer: https://jsm.dev/cocktail-nextjs

📁 Free Video Kit (Code, Design, Repo, Guide): https://jsm.dev/cocktail-kit
📗 NEW GSAP Animations Course: https://jsm.dev/cocktail-gsap

Junie AI: https://jsm.dev/cocktail-junie
WebStorm: https://jsm.dev/cocktail-webstorm

Rate us on TrustPilot: https://jsm.dev/trustpilot

  / discord     / jsmasterypro     / javascriptmastery     / javascriptmastery  

Business Inquiries: [email protected]

Time Stamps:
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