// 2026 · twenty-one worlds · five fields

Twenty-one completely separate cinematic web worlds.

Each template is a distinct universe. Different setting, different material, different interaction, different layout, different palette. Atom-level distinct across the board.

Built with the stryx-3d-web-design skill — Three.js r170, vanilla ES modules, viewport-aware autoscale across HD / FHD / 2K / 4K / 5K.

21 templates 5 categories HD → 5K autoscale
// 01 · MARQUEE

Entertainment — Marquee

For festivals, tours, music releases, ticketed events, nightlife.

// 05→
Encore
A festival main-stage in mid-show. Six swinging spotlights pulse to a 128 BPM beat, lasers sweep the chorus, audio-reactive smoke, crowd silhouette in foreground, vinyl spinning above the stage. Pink + violet + cyan + lime laser.
festival/tourbeat-syncedspotlights
// 06→
Premiere
A film opening night. Velvet maroon curtain rippling in the back, projection beam through theater dust, marquee bulbs glowing across the top, gold confetti drifting down. Cinzel display + warm tungsten gold + maroon. For studios, streamers, festival circuits.
film/streamingprojection-beamtheater-dust
// 21→
Arena
Esports / fighting-game launch. Real character + sword GLBs in cyclorama hard-light. 6-champion roster, $2.4M prize pool counter, season pass tiers, live broadcast HUD. Russo One bold display + arena red + cyan + gold. WebAudio rumble + match-start gong on click.
esports/gamecharacter+sword-GLBbroadcast-HUD
// 22→
Orbit
Cosmic concert tour. Real Earth/Mars/Jupiter/Saturn GLBs with axial tilts, lit by Ultimate Skies cosmic HDR. 2000 starfield particles, GSAP camera arcs between planets, slow orbital glide around Saturn climax. Cosmic drone audio with delay feedback. Aurora veil overlays.
planetarium-tour4-planet-GLBorbital-glide
// 02 · FOUNDRY

Tech — Foundry

For SaaS, AI startups, hardware, IoT, cybersecurity, dev tools.

// 01→
Quicksilver
A liquid-metal operating system. Mercury chrome surface deforms with cursor. Floating windows ripple the surface. PBR clearcoat + cyan + chrome.
SaaSclearcoat-PBRmetaballs
// 09→
Substrate
Inside a printed-circuit board. Extruded copper traces, glowing chips, SSAO. Each chip is a product — click to reveal specs. Copper-amber + PCB-green.
hardwareSSAOflythrough
// 14→
Raptor
A real Raptor rocket engine GLB rotating in dark studio HDR. Camera dives into turbopump → combustion chamber → nozzle bell. Spec readouts overlay each surface. Material override tags meshes by name for differentiated chrome PBR.
aerospacereal-engine-GLBspec-overlays
// 15→
Mneme-Net
Real knowledge-graph GLB lit by puresky HDR. Mesh classification (nodes vs edges via bounding-box ratio), traveling-light shader on edges, indigo-violet pulse per node. White-on-white SaaS aesthetic. Live recall-ms telemetry.
AI/knowledge-graphtraveling-light-shaderSaaS
// 03 · ATELIER

Portfolio — Atelier

For designers, photographers, architects, multi-disciplinary creatives.

// 03→
Constellations
Each project is a star constellation forming a city skyline. Camera flies between cities on scroll. Deep blue + gold + bloom.
multi-disciplinaryinstanced-pointsspline-camera
// 04→
Crease
Each section is an origami sculpture that unfolds on scroll. Real folded-paper geometry + sharp directional shadows. White + black + cream.
architecturemorph-targetsminimalism
// 16→
Hummingbird
Real White-Necked Jacobin hummingbird GLB hovering near a real hibiscus GLB in puresky HDR light. Wings flap via animation mixer at 38Hz. Bird tracks your cursor with 70ms delay. Magazine-press editorial layout, Fraunces italic display.
wildlife-portfolioanimated-birdcursor-pursuit
// 18→
HexCity
Real hexagonal-city GLB under OrthographicCamera (architect's miniature feel). Wireframe overlay GLB toggles on the BLUEPRINT scene. HTML pin overlays use project3DToScreen() to lock to 3D positions. Drafting-table layout with title block + sheet number.
architect-portfolioorthographic-iso3D-pin-overlays
// 04 · BOUQUET

Marketing — Bouquet

For consumer brands, luxury houses, heritage brands, agencies.

// 07→
Pollen
A macro flower meadow. The cursor is a bee. Hover a flower → pollen puffs reveal product content. Spring green + magenta petal + golden sun.
consumer-brandinstanced-grasspollen-reveal
// 02→
Scriptorium
Calligraphy on handmade paper. Cursor leaves an ink trail that diffuses realistically. Cream paper + India black ink. Slow, contemplative, luxury.
luxury-heritageink-shaderpaper-terrain
// 17→
Dunes
Real Cybertruck GLB in golden-hour Rosendal sunset HDR — sky reflects on the brushed-steel body. Live trim configurator retints the material in real time. Tesla-grade premium chrome. Brushed-steel + sunset amber + matte black.
EV/luxury-vehiclereal-Cybertruck-GLBlive-retint
// 20→
Asylum
Three real ornate ring GLBs cast in chrome 316L, 22ct gold, and iridescent rose PVD titanium with real MeshPhysicalMaterial.iridescence. Each spins independently. Verre's coral-to-mauve flips as it turns. Velvet navy box, Italiana serif, Voss-McCartney pink-noise room tone.
high-jewellery3-ring-PBRiridescent-shader
// 05 · CAIRNS

Biography — Cairns

For autobiographies, founder stories, philosophers, memorials, legacies.

// 08→
Tapes
A 90s VHS memoir. CRT scanlines, chromatic aberration, tape-warp glitch. Scroll = rewind through life chapters. Magenta-neon + grey static.
memoirCRT-shaderscroll-rewind
// 10→
Monolith
A Kubrick black monolith in a salt desert at sunset. Scroll descends life chapters. Salt-white + matte-black + burnt-orange sky.
founder-legacycinematicvertical-descent
// 11→
Lucid
Memory athlete biography. Real Lucy figure GLBs (head + draco-compressed hair) in real studio HDR. Knowledge-network GLB scroll-reveals from 0.05 → 1.0 opacity behind her, glowing like a constellation of memories. Italic Cormorant memoir typography, dusty rose + warm gold.
memory-athletereal-Lucy-figurescroll-reveal-graph
// 13→
Dominion
Founder/warrior biography rendered as a real 4K stone warrior statue under cyclorama hard-light EXR. 5 camera angles cycle across 6 chapters — front 3/4 → low → profile → back → high → return. Hard-rim + bronze-halo lighting. Cinzel serif.
founder-memorialreal-statue-GLB5-angle-camera
// 19→
Ascend
Explorer/founder biography. Real starship + real spacesuit GLBs on white cyclorama under EXR studio HDR. White-aerospace material rewrite. 5 chapter-bound camera presets auto-aim to suit's actual world position. Per-asset xhr progress bar. Light theme mission-control HUD.
explorer-biostarship+suit-GLBaerospace-PBR