✨ 3D WebGL • Spatial UI • Interactive Source Code

Explore 3D & Interactive Web Projects

Discover Three.js 3D WebGL visualizers, Apple Vision spatial glass interfaces, 3D product customizers, and interactive mini-apps. Preview live demos in-browser and download full `.ZIP` source code for free.

🔥 Flagship 3D WebGL & Spatial UI Projects

preview://3d-interactive-earth-globe-visualizer
WebGL

3D Interactive Earth & Satellite Orbit Visualizer

Interactive Three.js 3D cyber globe with glowing latitude wireframe shaders, 48 city telemetry beacons, dual satellite orbital rings, and 360° touch/mouse control.

Three.js • Tailwind • ES6 645 downloads
preview://3d-mechanical-keyboard-sound-simulator
WebGL

3D Mechanical Keyboard Customizer & ASMR Switch Studio

Interactive 3D 65% gasket-mount mechanical keyboard with live WebAudio ASMR switch synthesizer (Holy Panda, Cherry MX Blue/Brown/Red), keycap colorway themes, and RGB backlight.

Three.js • Tailwind • ES6 620 downloads
preview://3d-apple-vision-spatial-os-ui
WebGL

3D Apple Vision Pro Spatial Glass OS Interface

Futuristic visionOS spatial computing workspace featuring 3D Z-depth parallax glass windows, spatial audio equalizer, weather widget, and environment switcher.

Three.js • Tailwind • ES6 592 downloads
preview://drag-drop-kanban-board
HTML5

Interactive Drag & Drop Kanban Task Board

A clean Trello-style Kanban board built with HTML5 HTML Drag and Drop API, color-coded task priorities, and local storage state persistence.

HTML5 • Tailwind • JS 81 downloads
preview://3d-architectural-room-interior-configurator
WebGL

3D Isometric Smart Room & RGB Studio Configurator

Three.js isometric 3D developer studio room featuring dual ultrawide monitors, custom PC tower, acoustic hex panels, and live RGB mood & furniture material customizer.

Three.js • Tailwind • ES6 550 downloads
preview://css-glassmorphism-gradient-generator
HTML5

CSS Glassmorphism & Gradient Code Generator

An interactive visual CSS generator tool to tweak backdrop blur, opacity, transparency, and background gradients with instant 1-click code copying.

HTML5 • Tailwind • JS 121 downloads

All Web Projects

27 Projects Found
preview://3d-interactive-earth-globe-visualizer
WebGL

3D Interactive Earth & Satellite Orbit Visualizer

Interactive Three.js 3D cyber globe with glowing latitude wireframe shaders, 48 city telemetry beacons, dual satellite orbital rings, and 360° touch/mouse control.

Three.js • Tailwind • ES6 645 downloads
preview://3d-mechanical-keyboard-sound-simulator
WebGL

3D Mechanical Keyboard Customizer & ASMR Switch Studio

Interactive 3D 65% gasket-mount mechanical keyboard with live WebAudio ASMR switch synthesizer (Holy Panda, Cherry MX Blue/Brown/Red), keycap colorway themes, and RGB backlight.

Three.js • Tailwind • ES6 620 downloads
preview://3d-apple-vision-spatial-os-ui
WebGL

3D Apple Vision Pro Spatial Glass OS Interface

Futuristic visionOS spatial computing workspace featuring 3D Z-depth parallax glass windows, spatial audio equalizer, weather widget, and environment switcher.

Three.js • Tailwind • ES6 592 downloads
preview://3d-architectural-room-interior-configurator
WebGL

3D Isometric Smart Room & RGB Studio Configurator

Three.js isometric 3D developer studio room featuring dual ultrawide monitors, custom PC tower, acoustic hex panels, and live RGB mood & furniture material customizer.

Three.js • Tailwind • ES6 550 downloads
preview://drag-drop-kanban-board
HTML5

Interactive Drag & Drop Kanban Task Board

A clean Trello-style Kanban board built with HTML5 HTML Drag and Drop API, color-coded task priorities, and local storage state persistence.

HTML5 • Tailwind • JS 81 downloads
preview://3d-cyber-car-showroom-customizer
WebGL

3D Supercar Showroom & Neon Underglow Customizer

Real-time 3D WebGL supercar showroom on a rotating turntable. Customize metallic body paint, LED neon underglow colors, and 360° camera orbit.

Three.js • Tailwind • ES6 516 downloads
preview://css-glassmorphism-gradient-generator
HTML5

CSS Glassmorphism & Gradient Code Generator

An interactive visual CSS generator tool to tweak backdrop blur, opacity, transparency, and background gradients with instant 1-click code copying.

HTML5 • Tailwind • JS 121 downloads
preview://3d-solar-system-planetarium-explorer
WebGL

3D Interactive Solar System & Exoplanet Planetarium

Interactive Three.js 3D Solar System orbital simulator with 8 planets, Saturn rings, time-warp speed control, and a live NASA planetary telemetry inspector.

Three.js • Tailwind • ES6 500 downloads
preview://markdown-live-preview-pdf-exporter
HTML5

Markdown Live Preview Editor & PDF Exporter

A split-screen markdown writing tool rendering styled HTML live as you type with one-click HTML copy export.

HTML5 • Tailwind • JS 105 downloads
preview://3d-particle-fluid-galaxy-physics-sandbox
WebGL

3D GPU Particle Galaxy & Black Hole Physics Sandbox

12,000+ interactive 3D WebGL particles morphing in real time between Spiral Galaxy, Quantum Torus, Supernova Core, and Harmonic Wave fields at 60 FPS.

Three.js • Tailwind • ES6 490 downloads
preview://3d-holographic-foil-card-showcase
WebGL

3D Holographic Rainbow Foil Card & Web3 Showcase

Ultra-smooth 3D holographic collector card with iridescent rainbow foil glare shaders, specular light refraction, and 3D tilt physics.

Three.js • Tailwind • ES6 486 downloads
preview://3d-audio-spectrum-visualizer-synth
WebGL

3D WebGL Audio Spectrum Visualizer & Synth Studio

64-band 3D circular frequency ring and pulsing icosahedron core powered by Three.js and a built-in Web Audio API live synthesizer beat engine.

Three.js • Tailwind • ES6 433 downloads