Skip to content

subhaushsingh/Apple-website

Repository files navigation

iPhone 15 Pro Web Experience ⚡

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.

📸 Preview

image alt

Live Site


🛠️ Tech Stack

  • React.js
  • Tailwind CSS
  • GSAP & ScrollTrigger
  • Vite
  • Deployed on Vercel

🔋 Features

👉 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.


🚀 Getting Started

Clone the project and run it locally:

git clone https://github.com/subhaushsingh/Apple-website.git
cd Apple-website
npm install
npm run dev

🙌 Acknowledgements

Thanks to the JavaScript Mastery YouTube channel for the incredible tutorial.


🗂️ Public Assets

All images, videos, and other assets used in this project are stored here:
📁 View Public Assets Folder on Google Drive

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published