3D Web Design

Gallery Tunnel

A corridor of images and colour tiles that travels toward you forever. Configure it live and export the HTML.

HorizonX · 3D & Perspective

Parallax Totem

Columns of images that drift at different depths as the pointer moves. Configure it live and export the HTML.

HorizonX · 3D & Perspective

Interactive WebGL particle butterfly — shimmering blue, purple and gold particles whose wings react live to your cursor and light sweeps.

HorizonX · Vibe coding

Interactive Three.js / WebGL configurator for a prosthetic hand — tune parameters, layers, and animations in a live 3D viewport.

HorizonX · Vibe coding

A cinematic Three.js desert experience built around a fractured, interactive pyramid.

HorizonX · Vibe coding

Zyno

A high-energy web experience concept with bold 3D motion, product storytelling, and premium landing-page structure.

HorizonX · UI/UX

A cinematic 3D building-energy command center with predictive AI controls, floor-level insights, and live operational metrics.

HorizonX · Vibe coding

ARC0050

Interactive React + Three.js explorer for a 50-floor commercial high-rise.

HorizonX · Vibe coding

The Lunarix One smart ring merges design, emotion and science — turning every heartbeat, breath and motion into an elegant symphony of light.

HorizonX · UI/UX

Interactive 3D clinical facility simulator for monitoring wards, people, cameras, lighting, climate, and room capacity.

HorizonX · Vibe coding

Gallery Ring Interactive 3D Showcase

A draggable 3D ring that orbits your work in space — drag, scroll, or let it spin.

HorizonX · Code

Interactive WebGL car showroom — a classic sports car staged in a cinematic light-tunnel with wet reflections, drag-to-orbit camera and live paint changes.

HorizonX · Vibe coding

Personal

Personal is a dreamlike fashion e-commerce concept — a personalized styling experience where surreal pink editorial art meets everyday wearables.

HorizonX · UI/UX

Pink Fluffy

Six coral-pink fluffy 3D forms on black — crescent, capsule, torus, teardrop, cloud, cube.

HorizonX · Assets

Facial Fusion

A futuristic facial customization hero built for immersive digital identity experiences.

HorizonX · UI/UX

Glass Ball

A sphere of glass shards held together by nothing but attraction, that scatters under the cursor.

HorizonX · 3D & Perspective

Reactive Globe

A silver capsule globe that bends around four glass orbiters.

HorizonX · 3D & Perspective

Grid Deck

A 3D grid of cards dealt as a rotating deck that dives through perspective.

HorizonX · Scroll

Gallery Zoom

A scroll-scrubbed gallery grid whose tiles scale and skew through a 3D zoom runway.

HorizonX · Scroll

Gallery Orbit

A scroll-scrubbed gallery whose tiles travel through orbital depth into a clean image grid.

HorizonX · Scroll

Gallery Reveal

A scroll-scrubbed gallery whose images and copy cards surface progressively as the page reveals them.

HorizonX · Scroll

Glyph Sphere

A globe of flickering glyphs with continuous rotation and a clockwise reveal entrance.

HorizonX · 3D & Perspective

Grid Split

A 3D grid that splits into columns and tilts through perspective as it scrubs.

HorizonX · Scroll

Trail Perspective

A pointer-driven image trail that deals cards through Z-depth, tilt and brightness.

HorizonX · 3D & Perspective

Gallery Stack

A scroll-driven gallery that stacks its images into a layered deck and fans them apart as you scroll.

HorizonX · Scroll

Grid Dive

A 3D grid that dives into depth and returns on a scroll-driven loop.

HorizonX · 3D & Perspective

Grid Sweep

A 3D grid that sweeps its cells across the viewport through a scroll runway.

HorizonX · 3D & Perspective

Grid Tunnel

A 3D grid runway that tunnels through perspective as the page scrolls.

HorizonX · 3D & Perspective

Scroll Drift

A column that scrolls itself and tumbles its cards through 3D as they pass, looping forever without a seam.

HorizonX · 3D & Perspective

Scroll Snap

The same self-scrolling column with a harder hinge: each card flips past the centre and snaps back to face you.

HorizonX · 3D & Perspective

Scroll Flare

A stack read as three cards at once: the previous plate hinges away above, the centre sits flat and lit, the next arrives from below.

HorizonX · 3D & Perspective

Scroll Veil

Cards turn edge-on as they travel and blur with the speed of the column, so the stack reads as depth of field rather than motion.

HorizonX · 3D & Perspective

Scroll Hold

Each card rushes in, holds still at the centre long enough to be read, then falls away into depth.

HorizonX · 3D & Perspective

Volume Tube

The deck wraps around a WebGL cylinder that spins on scroll around a lit core.

HorizonX · 3D & Perspective

Video Projection

One video projected across a field of cubes. A mask image decides which cells build, and every cube carries its own slice of the footage.

HorizonX · 3D & Perspective

Noise Surge

Click the card and it grows to fill the frame, every vertex pushed around by simplex noise on the way so the picture boils before it settles.

HorizonX · 3D & Perspective

Petal Bloom

Click the card and it lifts into the frame pulled into a petalled ring, every vertex pushed out along its own angle by a sine wave.

HorizonX · 3D & Perspective

Future 2.0

Futuristic web template with bold 3D characters, mint/purple accents, and MAKE BETTER FUTURE energy

HorizonX · UI/UX

3D Letters Menu

Point at the word and it opens. Every letter tips away on its own axis while a picture swings in from behind them, hinged on the same perspective the type sits in.

HorizonX · 3D & Perspective

Channel Zoom

The picture leans toward the pointer and pulls its own colour channels apart as it goes, so the zoom arrives with the fringing a fast lens leaves behind.

HorizonX · 3D & Perspective