🧊 EnvCube

EnvCube is an interactive 3D environment visualization experience featuring a reflective cube powered by immersive 360° HDR scenes.

The project focuses on realistic lighting, reflections, and cinematic visuals using dynamically loaded HDR environments to create a futuristic browser-based experience.

Built with modern web technologies, EnvCube combines interactive 3D rendering, smooth animations, and real-time reflections to deliver a visually engaging environment simulation.

✨ Features

• 🎲 Interactive reflective 3D cube
• 🌍 Realistic 360° HDR environment reflections
• ⚡ Smooth real-time rendering
• 🎨 Futuristic immersive visuals
• 📱 Responsive design for multiple devices
• 🚀 Interactive browser-based 3D experience

🛠 Tech Stack

• Next.js
• TypeScript
• Tailwind CSS
• React Three Fiber
• @react-three/drei
• Three.js
• Vercel

🎯 Project Vision

EnvCube explores the idea of bringing cinematic HDR environment reflections into an interactive web experience.

The project aims to create the feeling of observing a futuristic reflective object surrounded by immersive real-world and sci-fi-inspired environments rendered directly in the browser.

⚙️ Installation

Clone the repository:

git clone https://github.com/sajanbodele/EnvCube.git

Go to the project folder:

cd EnvCube

Install dependencies:

pnpm install

Run the development server:

pnpm dev

📸 Preview

🌍 Deployment

Deployed using Vercel.