This project presents the ⭐ first clone ⭐ of the iPhone 16 Pro website. An immersive 3D web experience showcasing the iPhone 16 Pro website clone using modern web technologies. Enjoy cool animations, interactive 3D models, and a sleek design! please consider giving it a star! ⭐
🌀 ReactJS for building dynamic UI components 🌐 Three.js for stunning 3D graphics 🎯 GSAP for smooth animations and transitions 🎨 Tailwind CSS for modern styling
Check out the live version of the website: iPhone 16 Pro Clone
Tech | Description |
---|---|
ReactJS | Frontend library for building UI |
Three.js | 3D library for rendering graphics |
GSAP | Animation library for smooth effects |
Tailwind CSS | Utility-first CSS framework |
- Clone the repository:
git clone https://github.com/NiranjanKumar001/iPhone-16-Pro.git
- Navigate to the project directory:
cd iPhone-16-Pro
- Install dependencies:
npm install
- Run the development server:
npm run dev
1.Add more detailed 3D interactions with the iPhone model 2.Implement additional GSAP animations for a more dynamic experience 3.Integrate light and dark mode themes 4.Optimize for mobile responsiveness
For any inquiries, please reach out to me at:
[email protected]
Special thanks to Adrian Hajdin for his insightful iPhone 15 tutorial, which greatly assisted in the development of this project. This project is intended for educational purposes only.
Made by Niranjan Kumar_