Skip to content

shivxmr/iphone

Repository files navigation

react.js three.js greensock tailwindcss

Iphone 15 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:

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.

About

Recreated the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published