A stunning, scroll-driven product website inspired by Apple's iPhone 15 Pro launch page.
Built using modern frontend tools to deliver smooth animations, 3D visuals, and responsive layouts.
- React.js
- Tailwind CSS
- GSAP & ScrollTrigger
- Vite
- Deployed on Vercel
👉 Beautiful, Subtle Animations with GSAP
Smooth scroll-triggered animations that bring the interface to life and enhance user engagement.
👉 3D iPhone Model with Dynamic Color Variants
Render and rotate a high-fidelity 3D model of the iPhone 15 Pro, with options for different colors and sizes.
👉 Custom GSAP-Powered Video Carousel
An engaging video section built from scratch with GSAP animations — not just functional, but fluid and aesthetic.
👉 Fully Responsive Design
Looks great on any screen — from mobile phones to large desktops.
👉 Modular Code Structure
Built with reusable React components and a clean architecture to keep the codebase maintainable and scalable.
👉 Fast Performance with Vite
Supercharged build and dev workflow using Vite for a lightning-fast development experience.
Clone the project and run it locally:
git clone https://github.com/subhaushsingh/Apple-website.git
cd Apple-website
npm install
npm run devThanks to the JavaScript Mastery YouTube channel for the incredible tutorial.
All images, videos, and other assets used in this project are stored here:
📁 View Public Assets Folder on Google Drive
