A modern, Apple-inspired web experience with smooth scroll animations, 3D product visuals, and rich interactions using React, Three.js, GSAP, and TailwindCSS.
This is a fully responsive, scroll-driven 3D product showcase website inspired by Apple's product pages. It features 3D models animated on scroll, immersive pinned sections, and cinematic transitions—built for developers and designers who want to push the boundaries of interactive web experiences.
- 🎬 Scroll-driven 3D animations
- 📱 Fully responsive and mobile-optimized
- 📌 Pinned sections using GSAP ScrollTrigger
- 🌫 Seamless transitions and immersive visuals
- ⚡️ Fast performance with Vite + code splitting
- 🧩 Modular, scalable React component structure
git clone https://github.com/gideonabe/macbook_gsap_landing cd macbook_gsap_landing
npm install
npm install
npm run build
Best experienced on desktop with modern browsers
- 🎨 MacBook 3D model from Sketchfab
- 📦 React Three Fiber & Drei by PMNDRS
- 🧠 GSAP ScrollTrigger by GreenSock
- 💡 Inspired by Apple product launch pages
- 👨💻 Based on work by Adrian – thanks for the inspiration and structure!
This project is licensed under the MIT License
If you liked this project, feel free to connect or collaborate:
- 🌐 Portfolio: https://gideonabe.netlify.app/
- 💼 LinkedIn: linkedin.com/in/gideonabe
- 🐦 Twitter/X: @gideon_abe