NotIphone is a sophisticated clone of Apple's iPhone 15 Pro website, crafted to demonstrate advanced frontend development techniques using React.js and TailwindCSS. This project showcases the seamless integration of GSAP for dynamic animations and Three.js for rendering 3D models of the iPhone 15 Pro in various colors and shapes. The project is a testament to the power of modern web technologies, delivering an immersive and interactive user experience.
React.js: A JavaScript library for building user interfaces.
Three.js: A powerful 3D library for creating 3D animations and visualizations in the browser.
React Three Fiber: A React renderer for Three.js.
React Three Drei: A collection of useful helpers for React Three Fiber.
GSAP (Greensock): A JavaScript library for creating high-performance animations.
Vite: A fast build tool and development server.
Tailwind CSS: A utility-first CSS framework for creating custom designs.
- Realistic 3D Models: Display and interact with 3D models of the iPhone 15 Pro in various colors and shapes using Three.js.
- Advanced Animations: Leverage GSAP to create smooth and captivating animations throughout the site.
- Responsive Layout: Ensure a seamless experience across all devices with a mobile-first design approach.
- Optimized Performance: Built with Vite for fast development and production builds.
Contributions are welcome! Feel free to open issues or submit pull requests to improve the project.