Unlock the world of creative web experiences in this 10-hour GSAP & Three.js full course. Start with crash courses for GSAP and Three.js, then build real-world projects like a Mojito Cocktails landing page and an Apple-style MacBook Pro site with interactive 3D elements. Finally, combine everything to create a stunning portfolio website that showcases your skills with smooth animations, immersive 3D, and pro-level design.

Hostinger: https://jsm.dev/creative25-hostinger + Use code JAVASCRIPTMASTERY
CodeRabbit: https://jsm.dev/creative25-coderabbit
CodeRabbit CLI: https://jsm.dev/creative25-coderabbitcli
Junie AI: https://jsm.dev/creative25-junie 
WebStorm: https://jsm.dev/creative25-webstorm
 
Explore my Pro Content: 
⭐ Join JS Mastery Pro: https://jsm.dev/creative25-jsm
💎 Become a Top 1% Next.js Developer: https://jsm.dev/creative25-nextjs
👨‍🔬 Master Next.js Testing: https://jsm.dev/creative25-testing
📗 GSAP Pro Course (includes GTAVI Website): https://jsm.dev/creative25-gsap
📕 Three.js 3D Pro Course: https://jsm.dev/creative25-threejs
📙 JavaScript Pro Course: https://jsm.dev/creative25-cpjsm
🚀 Launch Your SaaS Pro Course: https://jsm.dev/creative25-saas

📁 FREE Video Kits (Code, Figma, Assets, and more)
1st → Cocktail: https://jsm.dev/creative25-cocktail
2nd → Macbook: https://jsm.dev/creative25-macbook
3rd → Portfolio: https://jsm.dev/creative25-portfolio

More Courses launching soon! Join the waitlists to get notified! 🔥
👉 React Native Pro Course Waitlist: https://jsm.dev/creative25-reactnative
👉 Backend Pro Course Waitlist: https://jsm.dev/creative25-backend
👉 AI Development Pro Course Waitlist: https://jsm.dev/creative25-aidev
👉 Tailwind Pro Course Waitlist: https://jsm.dev/creative25-tailwind
👉 React.js Pro Course Waitlist: https://jsm.dev/creative25-react

⚠ Links not working? 
→ If you're in Nigeria, you'll have to use a VPN due to regional restrictions.

⚠ If something mentioned in the video isn’t listed here or a link is broken:
→ contact support@jsmastery.pro

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

https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery

Business Inquiries: contact@jsmastery.pro

Time Stamps: 
00:00:00 — Introduction
00:05:35 — #1 GSAP Cocktail Website
00:09:03 — GSAP Workshop
00:36:32 — Project Showcase
00:37:46 — App Setup
00:52:32 — Navbar
01:04:47 — Hero Section
01:17:50 — GSAP Hero Video Animation
01:31:47 — Cocktails Section
01:41:55 — About Section
01:52:05 — Art Section
02:03:50 — Menu Section
02:23:15 — Contact Section
—
02:33:33 — #2 ThreeJS Crash Course
03:07:05 — ThreeJS Practical Demo
03:36:15 — React Three Fiber & Drei
—
03:50:56 — #3 3D Apple Website
03:54:12 — Hostinger Setup
03:57:05 — App Setup
04:05:40 — NavBar
04:15:17 — Hero Section
04:20:02 — Product View
04:33:27 — Model Rendering
04:40:12 — Lights
04:45:29 — Model Switch
05:07:36 — Showcase Section
05:25:15 — Performance Section
05:39:43 — Features Section
05:57:13 — Highlights Section
06:03:46 — Footer
06:10:01 — Deployment
—
06:12:50 — #4 3D Portfolio
06:18:40 — Create React.js Project
06:25:59 — Install and configure TailwindCSS v4
06:34:19 — Hero Text & Layout
06:50:15 — Hero 3D Model
07:22:00 — Title Animation, Scroll, and Counter
07:34:36 — Showcase
07:47:38 — Navbar
07:55:45 — LogoShowcase
08:00:56 — FeatureCards
08:06:34 — Experience
08:38:48 — TechStack
08:58:53 — Testimonials
09:07:35 — Contact
09:29:01 — EmailJS Integration
09:37:02 — Footer
09:42:44 — Deployment

JavaScript Mastery

A 10-hour course teaching creative web development through building three animated websites. Covers GSAP fundamentals including scroll-triggered animations, parallax effects, and smooth transitions. Progresses to Three.js integration with React Three Fiber for 3D elements. Projects include a cocktail landing page, MacBook Pro clone with photorealistic 3D models, and an award-worthy portfolio site with 3D room models and interactive elements. Includes crash courses, open-source code, Figma UI kits, and Discord support.

Build & Deploy 3 Stunning Animated Websites with GSAP, Three.js, and React | 10-Hour Course