Skip to content

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Interactive 3D WebGL Web Experience 🌐✨

An immersive 3D web experience built with Three.js, GSAP animations, and Vite, featuring interactive lighting, particle systems, and responsive WebGL rendering.


🚀 Features

  • 🎮 Real-time 3D Scene Rendering: Optimized 60 FPS WebGL rendering with Three.js.
  • 🎨 Dynamic Shaders & Lighting: Custom materials, ambient/point lighting, and responsive shadows.
  • GSAP Scroll & Hover Animations: Fluid camera transitions and micro-interactions.
  • 📱 Fully Responsive: Adapts seamlessly across mobile, tablet, and desktop screens.
  • Ultra-fast Build: Powered by Vite for lightning-fast HMR and bundling.

🛠️ Tech Stack

  • Core: JavaScript (ES6+), HTML5, CSS3
  • 3D Graphics: Three.js (WebGL)
  • Animations: GSAP (GreenSock)
  • Bundler & Tooling: Vite

📦 Getting Started

Prerequisites

Make sure you have Node.js installed (v16 or higher).

Installation & Run

# Clone the repository
git clone https://github.com/rushikeshgarad2024-dev/interactive-3d-web.git

# Navigate to project directory
cd interactive-3d-web

# Install dependencies
npm install

# Start local development server
npm run dev

📄 License

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

About

An immersive interactive 3D WebGL web experience built with Three.js, GSAP, and Vite

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages