Apple 3D Showcase is an interactive web application built with React.js and Three.js, allowing users to explore Apple products in a 3D environment. Additionally, it integrates AI audio using ElevenLabs and the Gemini 2.5 Flash LLM, providing spoken descriptions and detailed information about each product.
- 🎨 3D Visualization of Apple Products: iPhone, Watch, AirPods, Vision Pro, and more.
- 🔄 Interactive Rotation and Zoom: Examine products from any angle.
- 🗣 Integrated AI Audio: Listen to detailed product information using ElevenLabs and Gemini 2.5 Flash.
- 🚀 Smooth Animations: Realistic camera movement and transitions.
- 📦 Dynamic GLTF Model Loading: Optimizes performance by loading only necessary objects.
- ⚡ Modular Structure: Separate components for each product with full control over the 3D scene.
- 🛠 React + Three.js + AI: Combines visual and auditory experiences in real-time.
- React.js – User interface library.
- Three.js – 3D graphics engine.
- GLTF / GLB – Web-optimized 3D model format.
- ElevenLabs AI – Advanced voice synthesis.
- Gemini 2.5 Flash – LLM for generating contextual product information.
- ES6 Modules – Modern, modular code.
- CSS / Sass – Responsive and modern styling.