Horizon components and templates
Explore 29 ThreeUI components, templates, backgrounds, and interactive effects tagged Horizon, with previews and editable implementation source.
- Tideform Phase Field — Phase Field
The authored field with nothing taken from it: a flat lattice of dots with a crest travelling out from the centre, warming to amber as it passes. Only the page's editorial layer is gone, so the background is the field and nothing else.
- Tideform Phase Field — Stone Ridge
The same field on a ground plane instead of a table: ridged fractal ranges in brown stone standing off behind a scree floor, with the authored crest sweeping over them and its embers turned to a low sun on rock.
- Tideform Phase Field — Pine Canopy
The same ground plane as forested hills, under a closed conifer canopy laid out in lattice space so a crown is always a few dots wide, with the accent turned from orange to the green-gold the light comes through as.
- Tideform Phase Field — Open Swell
No terrain at all: four crossed wave trains rolling back to the horizon, glitter carried in lattice space, and the authored crest expanding across the water with its accent turned to the blue the sea throws back.
- Emberline Vortex — Vortex
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.
- Emberline Vortex — Bloom
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.
- Emberline Vortex — Ridge
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.
- Emberline Vortex — Tide
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.
- Predictive Arc — Predictive Arc
The violet predictive pixel arch with a luminous animated core.
- Predictive Arc — Data Pixel Arc
An emerald pixel horizon with an organic breathing band.
- Predictive Arc — Signal Particles
A dark signal-particle field with soft connective pulses.
- Predictive Arc — Override Grid
A block-by-block override grid with telemetry-orange accents.
- Predictive Arc — Ribbon Field
A cyan, indigo, and purple WebGL ribbon field resolved through an animated dot matrix.
- Predictive Arc — Void Field
A transparent raw-WebGL void field detached from its original article composition.
- Predictive Arc — Halftone Flow
A red-orange raw-WebGL flow field resolved through its authored six-pixel halftone matrix.
- Predictive Arc — Amber Halftone
An animated amber-to-white Three.js point field on a dark plane.
- Structure Flow — Structure Flow
A masked white particle dome drifting across a dark field.
- Structure Flow — Emerald Horizon
A deep emerald shader glow rising from an organic moving horizon.
- Structure Flow — Orbital Sphere
A violet particle synthesis sphere with encrypted orbital rings and luminous data nodes.
- Structure Flow — Dot Matrix
A cyan breathing dot matrix with radial depth fade and smoothed pointer drift.
- Structure Flow — Expanse Field
A full-screen ShaderMaterial expanse isolated from its original editorial layout.
- Structure Flow — Logic Core
An isometric platform, illuminated logic core, and orbiting nodes.
- Structure Flow — Dimensional Field
Dimensional architecture composed from two authored ShaderMaterials.
- Structure Flow — Data Field
A global-data Three.js network visual isolated from its dashboard frame.
- Structure Flow — Topology Field
A rotating topology graph with connected nodes and rhythmic point pulses.
- Structure Flow — Nebula
An indigo FBM nebula with pointer drift, breathing light, and vignette.
- Structure Flow — Fluid Field
A blue-violet animated fluid ShaderMaterial.
- Structure Flow — Ember Storm
A 12,000-particle ember vortex with additive heat grading and flicker.
- Structure Flow — Flux Vortex
A blooming particle vortex with spiral filaments and post-process glow.