Navigation components and templates

A full-screen banking hero led by four procedural cards, live customer balances, restrained metallic colour, and a sharp editorial product pitch built for finance and card launches.

An immersive five-scene journey through gate, path, garden, hall, and eternity, staging a fully procedural Japanese world behind flat monumental type, vertical chapter markers, a compact menu, and an authored loading sequence. The senbon-torii walk is paved in procedural flags that follow the corridor's own sway and rise, and the hero gate carries its roof as one swept tapered sweep.

A cinematic field-geology expedition story that moves from a living desert survey into layered field notes, an interactive journal, a flight through fourteen rock exposures, an aerial lens study, expedition cards, methodology, traveller accounts, questions, and a dusk landscape.

A full-screen analytics hero built around a luminous procedural rose re-photographed as a cross-shaped halftone lattice, with petal erosion, falling dust, pointer-driven light, glass controls, and restrained editorial typography.

A full-screen material showcase built around a faceted spectral glass form over an interactive water field, with two-bounce refraction, edge dispersion, studio reflections, pointer-driven orbit, direct glass impulses, and a restrained technical product interface.

A full-screen perception platform hero with a procedural point-cloud bust and headphones, layered dust, haze, stars, bloom, an entrance that settles the figure into focus while the interface resolves out of a blur one element at a time, and a localized pointer field that parts the signal around the cursor.

A complete ThreeUI library hero wrapped around concentric typographic rings whose glyphs melt into dots, wire into a chaotic mesh, and carry pointer-triggered ripples through the field.

A complete monochrome product-studio hero whose divided headline surrounds a sparkling procedural form inside a perspective grid, framed by precise navigation, availability, and contact details.

A monochrome applied-fluid hero where voxel wax drifts through a transparent vessel, framed by pixel typography, technical telemetry, selectable phases, and a tactile set-it-drifting control.

An image-led fantasy codex hero with a blindfolded saint-knight, procedurally tooled book cases, falling blossom and smoke layers, pointer-lit candle reveal, and a four-chapter virtual descent.

A polished blue-and-violet trading hero with a refractive liquid-metal market sculpture, draggable glass metrics, multilingual navigation, and fully local account-preview dialogs.

Nacre's complete sculptural koi hero, with porcelain, gold, and nocturnal finishes, editorial navigation, collection dialogs, and a tactile Three.js fish study.

A cinematic mechanical-keyboard hero with a pointer-guided lamp, responsive camera orbit, live keypress feedback, ember particles, firelit typography, and tactile pre-order controls.

A full-screen brand-and-motion studio hero pairing precise editorial typography with a layered ring of 12 image cards that follows an authored vortex sequence and leans into pointer engagement.

A complete GPU orchestration hero with glass navigation, restrained editorial copy, social proof, stat cards, and a pointer-reactive blue-white vortex line field.

The authored field exactly as written: a twisted catenoid of hairline filaments flaring into a crown and splaying into roots, over a drifting blue star field.

The same field closed into a flower: the curve index cut into petals and arcs, every blade fluted across its width, and a moon that lights the petals it reaches under a cool sheen while the rest fall to deep magenta.

The field folded into a sunset range: one continuous surface of contours receding into a low sun, peaks and valleys sliding past each other, with a hot rim on every crest the sun can reach.

The field laid flat as open water: long swells running toward the viewer under a night sky, with the moon laying a glade of glints straight down the frame.

The authored Sable dock: a centred glass capsule whose items spring downward and widen as the pointer crosses them.

An inset modern header: wordmark on the left, the proximity dock centred on the bar’s midline, and a paired sign-in and gradient call to action on the right.

A fitted terminal strip: the menu cells own the whole bar and trade width with each other, over a WebGL noise field quantised through an 8×8 ordered dither into an eight-stop dusk palette.

A vertical glass rail whose proximity field runs down the y axis, over a Three.js bead field that refracts the backdrop in screen space with per-channel dispersion and a specular rim.