Stars components and templates
Explore 67 ThreeUI components, templates, backgrounds, and interactive effects tagged Stars, with previews and editable implementation source.
- Betawise
The complete Betawise attribution page, preserved unchanged with its normal-extruded stroke globe in Three.js, its starfield and orbital arcs, and the authored WebGL2 liquid-metal CTAs.
- Anima
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.
- Emberline
A complete GPU orchestration hero with glass navigation, restrained editorial copy, social proof, stat cards, and a pointer-reactive blue-white vortex line field.
- 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.
- Betawise Globe — Earth
The authored globe: Natural Earth's coastlines dotted over a dark ocean, great-circle flight paths running between two dozen cities, and a starfield thinned around the limb — landing on the same pull-back the four derived worlds use.
- Betawise Globe — Moon
One grey and nothing else: the maria at their real selenographic centres, three octaves of impact cratering over near side and far side alike, and Tycho's ray system thrown clear across the disc.
- Betawise Globe — Mars
The albedo map a small telescope shows — Syrtis Major, Hellas, Solis Lacus — over an impact record: twenty named craters and basins at their real radii, three octaves of unnamed ones thinning northward across the crustal dichotomy, the Tharsis volcanoes with a bright shield and a dark caldera, and a seasonal cap at each pole.
- Betawise Globe — Saturn
The zonal flow banding the globe, and Cassini's own ring radii rebuilt on the flight-path layer: every route becomes one short chip of ice, and the comet that used to run a route becomes the glint that crosses it.
- Betawise Globe — Sun
Granulation over the supergranular network, spot groups with an umbra inside a penumbra inside a ring of faculae, and the routes regrown as prominence arcades with plasma climbing one leg of each loop and falling down the other.
- 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.
- Globe — Energy Orb
The original layered FBM energy sphere with translucent rim glow and depth-aware star field.
- Globe — Tangled Constellations
Monotone glyph chains wander a dimensional sphere, collide with pinned stars, and respond to drag and pointer contact.
- Globe — Network Globe
A dotted continent mesh on a luminous dusk horizon with crossing gradient routes, sparks, hover highlights, and click-launched arcs.
- Shader Buttons — Star Portal
Two drifting Canvas 2D star fields with an authored holographic pill button.
- Shader Buttons — Ignition
A raw-WebGL ambient field with a tactile ignition control.
- Shader Buttons — Induction
A kinetic ambient field paired with a raw-WebGL induction button.
- Shader Buttons — Plasma
A deep-blue laboratory field with a luminous plasma control.
- Shader Buttons — Tactile
A fluid ambient background with a tactile raw-WebGL button.
- Shader Buttons — Thinking
A luminous Canvas 2D trace orbiting a softly raised blue button.
- Shader Buttons — Raking Light Pill
A pill-shaped shader button with raking GLSL light bands, sparse motes, a soft edge, and hover intensification.
- Shader Buttons — Liquid Glass
Refractive glass capsule with flowing color, light response, and a tactile press state.
- Shader Buttons — Intelligence Glow
Iridescent intelligence glow with a listening state and animated voice bars.
- Shader Buttons — Holographic Foil
Three.js foil material that tilts with the pointer and changes on click.
- Shader Buttons — Particle Swarm
A Three.js particle swarm gathers around an interactive button and resolves on click.
- Shader Buttons — Voice Orb
Reactive Three.js orb and a press-and-hold voice control.
- Shader Buttons — Water Ripple
WebGL2 water simulation that ripples under pointer movement and presses.
- Shader Buttons — Dithered Hold
Pixelated shader fill that advances while the button is held.
- Shader Buttons — Lava Lamp
Warm liquid blobs shift under hover and heat up on click.
- Shader Buttons — Brushed Gold
Three.js brushed gold material with responsive light and a press state.
- Shader Buttons — Ink in Water
WebGL2 fluid ink swirls inside a glass capsule as the pointer stirs it.
- Shader Buttons — Glassy Split
A lilac glass split button with a working creation menu.
- Shader Buttons — Generate Site
A violet enamel button with a star field and animated generation state.
- Shader Buttons — Chrome Upload
A polished chrome upload button with shader driven metal reflections.
- Shader Buttons — Book a Demo
A dark control with a moving lime dot matrix arrow.
- Shader Buttons — Iridescent Glass
A frosted download button with iridescent shader color and glass lettering.
- Shader Buttons — Create & Get Started
A paired ceramic and violet primary action study.
- Shader Buttons — Soft Surface
A softly extruded service button with a recessed arrow control.
- Shader Buttons — Balloon
An inflated fabric button with a responsive Three.js cloth surface.
- Shader Buttons — Light Switch
A molded day and night rocker switch with spring motion.
- Shader Buttons — Start Growing
A forest glass capsule with optical filaments and a spring switch.
- Shader Buttons — Car Controls
Sculpted automotive keycaps with functional airflow and heat states.
- 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.
- Iridis
A precision-milled Obsidian card whose embedded star field blooms into wave-optical spectral diffraction, with an analytical studio shadow and smooth pointer-driven orbit.
- 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.
- Landscape — Sunrise
Low amber light crossing the grass and distant ridges under the source's warm morning sky.
- Landscape — Noon
Clear cool daylight with the terrain, moisture colours, stones, and grass at their most legible.
- Landscape — Sunset
The ridges and grass settle into long warm light beneath a deepening six-stop sky.
- Landscape — Night
Moonlit terrain beneath 39,200 stars constrained to the landscape camera's visible band.
- Landscape — Rain
Rain draws in the fog, darkens the ground into puddles, and throws small splashes across the field.
- Landscape — Storm
A dense sideways downpour over sunset light, with close fog and multi-stroke lightning flashes.
- Landscape — Snow
Wind-driven snow settles across the terrain, stones, and grass while a blizzard tightens the horizon.
- 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.
- Emberline Signal
The exact Emberline vortex stays fully readable at center-right while its original Every GPU, fully saturated message orbits into the open left field in the reference's light editorial type.
- Iridis Spectrum
The exact Iridis card keeps its native studio and unobstructed center while oversized spectral type stays sharp and fully in view through the clear bands above and below it.