🚀 Cyber Model Three.js 🤖

A futuristic hero section built with Three.js and Vite, featuring a robot model in a dynamic 3D scene! 🎨🔹 Perfect for adding an interactive touch to websites. Includes GLTF model loading, camera controls, and smooth animations. 🚀💡

🌐 Live Demo

👉 Check it out here! (https://cyber-hero-threejs.vercel.app)

📌 Features

• ⚡ Built with Vite for fast development
• 🎭 Three.js for 3D rendering
• 🤖 GLTF Model Loading (Robot model)
• 🎥 Smooth camera controls
• 📱 Responsive design

📦 Installation

1️⃣ Using Vite (Recommended)

# Install Vite globally (if not installed)
npm create vite@latest cyber-hero-threejs --template vanilla

# Navigate into the project folder
cd cyber-hero-threejs

# Install dependencies
npm install

# Start development server
npm run dev

2️⃣ Vanilla JavaScript Setup

# Clone the repo
git clone https://github.com/ExploitEngineer/cyber-hero-threejs.git
cd cyber-hero-threejs

# Open index.html in your browser

3️⃣ JavaScript with Local Server

# Install a simple live server
npm install -g serve

# Serve the project
serve .

📂 Folder Structure

cyber-hero-threejs/
│── public/        # Static assets (models, textures)
│── src/
│   ├── assets/    # 3D Models & Images
│   ├── main.js    # Three.js logic
│   ├── styles.css # Styling
│── index.html     # Main HTML File
│── package.json   # Project Config

📜 License

This project is open-source and available under the MIT License.

---

💙 Made with Three.js & Vite | ⭐ Star the repo if you like it! 🚀