Skip to content

iPhone 15 Pro landing page clone using React, TailwindCSS, ThreeJS and GSAP.

Notifications You must be signed in to change notification settings

arshalabbas/iPhone-15-Pro

Repository files navigation


Project Banner
react.js three.js greensock tailwindcss

Iphone 15 Pro Website

This is a clone of Apple's iPhone 15 Pro website using React.js and TailwindCSS. It highlights the effective use of GSAP (Greensock Animations) and Three.js for displaying iPhone 15 Pro models in various colors and shapes.

  • React.js
  • Three.js
  • React Three Fiber
  • React Three Drei
  • GSAP (Greensock)
  • Vite
  • Tailwind CSS

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

Cloning the Repository

git clone https://github.com/arshalabbas/iPhone-15-Pro.git
cd iPhone-15-Pro

Installation

Install the project dependencies using npm:

npm install

Running the Project

npm run dev

Open http://localhost:5173 in your browser to view the project.