Portfolio

Elite Showroom

Web DevelopmentReact + TypeScript + Vite@react-three/fiber + dreiZustandTailwind + shadcn‑ui for glassmorphic UI

Luxury-grade, Blender-authored visuals brought to the web with React Three Fiber, tailored camera stages, and a glassmorphic UI. Explore cars by country, glide through interior/exterior shots, and control the scene’s mood with an iOS‑style brightness control.

Key features

  • Cinematic 3D car showroom built with React Three Fiber
  • Four camera stages with per‑stage info overlays
  • Blender‑authored materials (paint, glass, rims, brakes, logos)
  • Global dim overlay darkens scene without affecting UI
  • Preloaded GLB assets with performance‑friendly loading
  • Interior 'acceleration' (W) with audio, FOV change, subtle shake
  • Keyboard stage cycling (Arrow Up/Down) with wrap‑around

Tech stack