A beautiful clone of Apple's iPhone 15 Pro website built with React.js, Three.js, and GSAP.
This project is a clone of the iPhone 15 Pro website created as part of a tutorial by JavaScript Mastery. The website demonstrates advanced web design and animation techniques using React.js, GSAP (Greensock), and Three.js for 3D model rendering.
- Interactive 3D iPhone 15 Pro Model: View the iPhone 15 Pro in various colors and sizes.
- Smooth Animations with GSAP: Enhanced user interaction with subtle animations powered by GSAP.
- Custom Video Carousel: Explore the product through a dynamic video carousel.
- Fully Responsive Design: Enjoy a seamless experience across all devices, from mobile to desktop.
- Built with TailwindCSS: Ensuring a highly customizable and responsive layout.
- React.js: For building the user interface.
- GSAP: For smooth, interactive animations.
- Three.js: For 3D rendering of iPhone models.
- TailwindCSS: For custom and responsive styling.
- Vite: For fast, optimized development.
- Git: Version control tool.
- Node.js: JavaScript runtime.
- npm: Node Package Manager (for managing project dependencies).
git clone https://github.com/JavaScript-Mastery-Pro/iphone-doc.git
cd iphone-docnpm installnpm run devVisit http://localhost:5173 to view the project in your browser.
You can check out the live version of this project here:
We welcome contributions to this project! To contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch). - Make your changes and commit them (
git commit -m 'Add feature'). - Push to your branch (
git push origin feature-branch). - Open a pull request.