TechPortal
✨ 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.

All Projects 3D WebGL & Spatial UI 10 UI Components & Widgets 2 Landing Pages & Portfolios 4 Interactive Mini-Tools 6 CSS & Canvas Animations 5

🔥 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 643 downloads
Live Demo Source .ZIP
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 619 downloads
Live Demo Source .ZIP
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 590 downloads
Live Demo Source .ZIP
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 80 downloads
Live Demo Source .ZIP
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 549 downloads
Live Demo Source .ZIP
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 119 downloads
Live Demo Source .ZIP

All Web Projects

27 Projects Found
preview://interactive-mind-mapping-flowchart-canvas
HTML5

Interactive Mind Mapping & Flowchart Canvas

An interactive HTML5 Canvas node diagram builder featuring drag-and-drop node creation, color palettes, vector connecting lines, and PNG export.

HTML5 • Tailwind • JS 124 downloads
Live Demo Source .ZIP
preview://ai-code-component-playground
HTML5

AI Code & Component Playground

Interactive online HTML, CSS, and JS code editor sandbox with live instant iframe preview, Tailwind CDN support, console logs, and ZIP exporter.

HTML5 • Tailwind • JS 145 downloads
Live Demo Source .ZIP
preview://developer-portfolio-resume-template
HTML5

Modern Developer Portfolio & Resume Template

A clean, dark-mode software engineer portfolio template featuring interactive typing text effect, tech stack skill badges, project showcase grid, and contact form modal.

HTML5 • Tailwind • JS 140 downloads
Live Demo Source .ZIP