Background components and templates
Explore 58 ThreeUI components, templates, backgrounds, and interactive effects tagged Background, with previews and editable implementation source.
- Flower Field
A luminous valley carpeted with procedural daisies, framed by violet mountain walls, drifting sparks, mist, stars, and flowing light ribbons as the camera flies forward through the field.
- Cross Beam — Cross Beam
The original horizontal wash crossed by a vertical shaft with a sliding glow.
- Cross Beam — Ring Beam
The beam bent into a circle, with an arc of light running the circumference.
- Cross Beam — Frame Beam
A thin border hugging the viewport edge, lit by a highlight travelling the perimeter.
- Cross Beam — X Beam
Two 45° shafts crossing at the centre, their glows taking turns down each arm.
- 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.
- Elements — Water
A refracted OpenAI mark beneath pointer-driven circular ripples, cyan depth, and soft suspended particles.
- Elements — Lightning
Violet fBm arcs crawl around the Anthropic contour while pointer proximity pulls the storm closer.
- Elements — Fire
Noise-driven flame ribbons and rising embers lick upward from the Claude mark edge.
- Elements — Condensation
Transparent droplets grow, merge, fall, and resolve into soft water splash rings.
- Elements — Generative Tree
A painterly branching tree grows from warm sienna to golden tips, sways with pointer wind, and sheds soft ambient motes.
- Purple Desert
A cinematic dune flight under violet twilight, with procedural sand ridges, a layered distant range, wind-blown haze, pointer-guided orbit, and a smooth night-to-day lighting dissolve.
- Orbital Dust
A luminous dust planet suspended in a black star field, with a tilted particle axis, a responsive orbital ring, pointer attraction, and click-triggered shockwaves that scatter across the globe.
- Noema Bloom — Bloom
The packaged scene: fifty-five petals in five whorls furl into a bud and open again on a seventeen-second cycle, deep indigo through cornflower into a white heart, under blue light shafts and a star field.
- Noema Bloom — Tulip
Twelve tepals bowed into a goblet on a leafed stalk, magenta through rose into a warm lip, held against a deep spring-green field with pale green light shafts.
- Noema Bloom — Sakura
Five notch-tipped petals turned flat to the lens around a forty-four filament corona, pale pink into white over a plum night, the blade lit from whichever face is toward the camera.
- Noema Bloom — Maple
A five-lobed toothed leaf laid flat to the lens, expanding from a furled shoot along its petiole, ember red through orange into gold with embers drifting off the blade.
- 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.
- Warp Field — Warp Field
The original hero warp: 400 emerald streaks and 40 luminous tiles through deep-space fog.
- Warp Field — Letter Storm
160 tumbling glyphs wandering off the rails while the streak field keeps the corridor moving.
- Warp Field — Keycap Drift
72 lit mechanical keycaps tumbling through a 900-spark particle wake.
- Warp Field — Hyperspace
1,200 ice-blue streaks stretched down a scrolling tunnel toward a pulsing jump core.
- Constellation Field — Constellation Field
A drifting particle constellation network with tunable link stroke width over a deep night field.
- Constellation Field — Particle Drift
A soft particle drift field lifted from a compute-network hero stage.
- Constellation Field — Particle Network
A sharp, thin-stroke particle network field with crisp retina trails.
- Constellation Field — Gateway Flow
A black-stage flow canvas with streaming gateway trajectories.
- Constellation Field — Connectivity Graph
A light-mode connectivity graph canvas with animated node links.
- Constellation Field — Interface Lines
A faint interface line-field background for dense system UI stages.
- Constellation Field — Defense Lines
A crimson defense-line canvas field behind a high-contrast hero stage.
- Constellation Field — Topo Field
A raw-WebGL topography field with flowing elevation bands.
- Portal Field — Portal Field
A Three.js ShaderMaterial portal with pointer-reactive fringe light.
- Portal Field — Cloud Field
A raw-WebGL cloud migration background isolated at its source renderer boundary.
- Portal Field — Flow Field
Warm amber, gold, and coral particles trace a deterministic simplex-noise field.
- Portal Field — Bell Field
A Chladni-inspired bell field with nodal metal patterns and rising foundry embers.
- Portal Field — Stream Convergence
Three chromatically separated violet wavefronts crossing a rotated fluid field.
- Laser — Matrix Junction
The preserved pointer-reactive three-way matrix junction.
- Laser — Atmospheric Blade
A white-hot emerald blade cutting through layered procedural vapor and faint mirage rails.
- Laser — Vanishing Array
Violet and amber carrier rails accelerate from a pointer-steered horizon origin.
- Laser — Halftone Relay
An off-axis cyan relay where vapor resolves into an animated screen-space dot field.