This project is a 3D clone of the Apple iPhone 15 Pro, built using modern web technologies including React.js, Three.js, React Three Fiber, React Three Drei, GSAP, Vite, and Tailwind CSS. The clone simulates the look and feel of the iPhone 15 Pro, showcasing its design and features in a web environment.
- 3D Model Rendering: Realistic 3D rendering of the iPhone 15 Pro using Three.js.
- Interactive UI: Interactive user interface allowing users to view the iPhone from different angles.
- Animations: Smooth animations for transitions and interactions powered by GSAP.
- Responsive Design: Fully responsive design implemented with Tailwind CSS.
- React.js: A JavaScript library for building user interfaces.
- Three.js: A 3D library that makes WebGL simpler.
- React Three Fiber: A React renderer for Three.js to help you create 3D scenes declaratively.
- React Three Drei: Useful helpers for React Three Fiber to simplify common tasks.
- GSAP (GreenSock Animation Platform): A powerful JavaScript library for creating high-performance animations.
- Vite: A build tool that provides a fast development environment.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
To get started with the project, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/apple-iphone15-pro-clone.git
-
Navigate to the project directory::
cd apple-iphone15-pro-clone -
Install Dependencies::
npm i
-
Start Development Server::
npm run dev
- After starting the development server, you can interact with the iPhone 15 Pro clone through your web browser. Use your mouse or touch gestures to rotate and explore the 3D model.
- Contributions are welcome! Please fork this repository, create a new branch, and submit a pull request for any improvements or features you would like to add.
This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as per the terms of the license.
Aman Gupta