Ocean components and templates
Explore 23 ThreeUI components, templates, backgrounds, and interactive effects tagged Ocean, with previews and editable implementation source.
- Fathomless
A continuous underwater descent through a pointer-responsive kelp forest, drifting marine snow, twilight water, and midnight bioluminescence, with a rotating typographic ring and four interactive WebGL illustration plates.
- Noctiluca
The complete Noctiluca slow-media descent, preserved unchanged with its bioluminescent Three.js water volume, looping jellyfish study, live depth ruler, stratified transect, and six cursor-lit specimen plates.
- Tidecrest
The complete Tidecrest hero page, preserved unchanged with its Three.js terrain and the authored EffectComposer and UnrealBloom post-processing chain.
- ASCII Field — Vortex
Rings of type stacked into a receding funnel instead of one flat plane, each ring riding up past the next as the pointer moves, with a near/far light ramp shading the depth and motes drifting in the gaps between layers.
- ASCII Field — Tide
The stack laid flat as open water: twenty bands of type bent along a sine and spread from a horizon to the foreground, each one running a beat behind the one in front so the swell travels out of the frame.
- ASCII Field — Ridge
The stack read as a range: seven ridged silhouettes with type packed under each crest and thinning into the shadow below, separated so the front range travels ten times as far as the back under an ember dusk.
- ASCII Field — Canopy
The stack grown into a tree, where one layer is one branch: every limb is a strip of type pivoting on its own foot, carrying a depth drawn at generation time, so the crown opens into a volume in a green-black wood.
- Trochil Hummingbird — Hummingbird
The authored page's own scene: a 390,000-point hummingbird whose wings are skinned in the vertex shader into a real swept blur, hovering over a bed of trumpet blossoms, flying to a standoff from the cursor whenever the pointer moves.
- Trochil Hummingbird — Sakura
A butterfly on a cherry branch: forewings and hindwings filled by area off their own outline tables, veined and lit at the margin, settling onto a limb hung with five-petal blossoms while cut petals tumble through the frame — the ember ramp regraded plum to blossom.
- Trochil Hummingbird — Reef
A deep-bodied reef fish over a coral shelf, driven by a travelling body wave that yaws each section into its own turn, with staghorn heads, boulder coral and sea fans below and sun shafts fed into the density buffer so the light through the water carries the same dot lattice.
- Trochil Hummingbird — Abyss
Eight jellyfish rising through midnight water: one bell built once and stamped out through a per-vertex seed, each on its own contraction phase, its oral arms and tentacle veil inheriting the squeeze a stroke late — the nearest one leans its crown toward the cursor.
- Tidecrest Terrain — Ridgeline
The authored field, served byte-for-byte: ridged ranges over an open swell, mirrored in the water under a cold blue horizon.
- Tidecrest Terrain — Harbour Nights
The same field as a night harbour: a low far bank carrying a lit skyline, a suspension span crossing the water in front of it, and the whole grade turned from cold blue to sodium.
- Tidecrest Terrain — Dune Reach
The ridged fractal sampled across one wind instead of every direction, so its crests comb into dunes over worked sand, under a sun that has just gone.
- Tidecrest Terrain — River Hollow
The ranges rounded off into forested hills with a meander carved through them; the wave lattice is masked to that channel, so the swell becomes a river running out of the frame.
- 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.