search

NiranjanKumar001 / iPhone16Pro

Explore this sleek and first website clone of the iPhone 16 Pro! Built with React.js for an interactive feel, Three.js for stunning 3D visuals, and GSAP for smooth animations. IMPORTANT: Star the repo as you about contribute to the open source ,and this will work as a bookmark.
https://i-phone-16-pro.vercel.app
9 stars 14 forks source link
gsap hacktoberfest reactjs threejs

readme

📱 iPhone 16 Pro

React Three.js GSAP TailwindCSS


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! ⭐


🚀 Features

🌀 ReactJS for building dynamic UI components 🌐 Three.js for stunning 3D graphics 🎯 GSAP for smooth animations and transitions 🎨 Tailwind CSS for modern styling


📸 Preview

Project Screenshot


🔗 Live Preview

Check out the live version of the website: iPhone 16 Pro Clone


💻 Tech Stack

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


📂 Getting Started

  1. Clone the repository: 
     git clone https://github.com/NiranjanKumar001/iPhone-16-Pro.git
  2. Navigate to the project directory: 
     cd iPhone-16-Pro
  3. Install dependencies: 
     npm install

  4. Run the development server:

     npm run dev


    🌟 Future Enhancements

    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


    Contact

For any inquiries, please reach out to me at:
niranjankumarofficial003@gmail.com


🙏 Acknowledgments

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_