A visually stunning Apple iPhone clone web experience built using GSAP for animations and Three.js for interactive 3D rendering. This project mimics the official Apple product presentation style, offering rich scrolling and immersive visuals.
🔗 View Live Project
(Optional – replace with your deployment link if hosted)
Interactive 3D model of iPhone rendered with Three.js
| Technology | Purpose |
|---|---|
| React.js | Frontend Framework |
| Three.js | 3D Graphics Engine |
| GSAP | Animation Library |
| React Three Fiber | React Renderer for Three.js |
| Vite | Development Build Tool |
- 🌀 Smooth scroll-based animations with GSAP ScrollTrigger
- 📱 Realistic iPhone 3D model using Three.js + GLTF
- 🌗 Ambient lighting, shadows, and perspective camera
- 🔄 Responsive design with performant rendering
- 🎯 Modular codebase with React components and hooks
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.