🚗⚡ TheCarGallery- Next-Gen 3D Car Experience

Your ultimate interactive 3D car showroom with cyberpunk vibes and next-level customization!

👉 Live Demo | 📱 [Mobile Optimized] | 💻 [Desktop Recommended]

🌟 Features That Slap

• 🔥 Immersive 3D Visuals

  • Photorealistic car models with PBR materials
  • Dynamic lighting & real-time shadows
  • Wireframe mode for tech heads (Ctrl+W)

• 🎛️ Cyberpunk UI

  • Holographic spec cards
  • Glowing interactive controls
  • Retro-futuristic polaroid gallery

• 🌌 Environmental Swag

  • Switch between 3 showrooms:
    • Neon Cyber Garage
    • Desert Outpost
    • Floating Grid Dimension
  • Procedural dust particles toggle

• 🎧 Synthwave Sound System

  • Dynamic ambient tracks
  • Interactive sound effects
  • Bass-heavy audio visualizer

🛠️ Tech Stack Flex

🚀 Quick Start

1. Clone the Vibe

   git clone https://github.com/nturukunga/TheCarGallery.git
   cd TheCarGallery

No builds needed - just raw HTML/CSS/JS magic!

open index.html

W/S/A/D - Orbit Camera Ctrl + +/- - Zoom In/Out Spacebar - Toggle Environments M - Music Controls

🎨 Customization Guide Add Your Rides

Place .glb models in /models

Update src/config/cars.js:

javascript Copy { name: "CyberTruck 3000", model: "models/cybertruck.glb", specs: { power: "900hp @ 69,420 RPM", torque: "Ludicrous", weight: "Heavy AF" } } Style Hacking

css Copy /* src/styles/cyberpunk.css */ .neon-text { text-shadow: 0 0 10px #ff00ff; animation: glitch 1s infinite; } 🤝 Contribute to the Vibe We stan collaborators!

Fork this masterpiece

Create your dope branch

Commit your slaps

Push to the branch

Open a lit PR

📜 License This project is licensed under the MIT License - see the LICENSE.md file for deets.

🙏 Shoutouts Three.js wizards 🧙♂️

Mixkit for fire tracks 🔥

Coffee ☕ & Synthwave 🎧

Coded with 💻 and 🖤 by Howie

GitHub Coded with 💻 and 🖤 by Howie