Particles components and templates

Mirror Phone retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.

Glass Showcase retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.

Spotlight Laptop retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.

Daylight Pedestal retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.

Device Family retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.

Glowing ember particles assemble into animated, customizable text from ThreeUI Launch Film.

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.

The complete Cortexa intelligence-platform hero, preserved unchanged with its procedural point-cloud bust, silhouette bloom, data haze, and pointer-following torch interaction.

The complete Cadence finance landing page with a responsive hero grid, an orderly bundled radial hero field, content-fit gradient pill navigation, compact dark glass CTAs, three WebGL scenes, cohesive GPT Image 2 editorial media, scroll reveals, and portfolio sequence.

The complete Betawise particle-bust hero page, preserved unchanged with its Three.js point-cloud bust and pointer response. Betawise is the later full page built from the same brand.

The complete Echo Vale travel page with its Three.js point-cloud drift, horizontal journey scroller, and fourteen image placements served from a responsive local WebP package sized for true 2x display coverage.

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 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.

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 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 complete studio hero with a radial phase-field lattice, pointer-warmed crests, click-triggered ignition rings, character-level heading reactions, and restrained editorial navigation.

A complete GPU orchestration hero with glass navigation, restrained editorial copy, social proof, stat cards, and a pointer-reactive blue-white vortex line 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.

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.

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.

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.

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.

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.

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.

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.

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.

The authored page exactly as written: a measured skull and torso scanned along the view axis, so the rings crowd into a bright comb at the rim and the face stays dark.

The same scan around a tarot card: a rounded-rectangle silhouette combed at its border, two printed rules, corner pips, a stroke-drawn numeral and name, and three inclined orbits with their riders running clean through the card's own plane.

A cathode-ray cabinet scanned as one closed shell, so the crowding at the rim paints the bezel comb and the tube's taper in a single pass. A lit inner lip, a graticule and two traces on the glass with a raster band rolling down them, safe-area brackets in the picture corners, and a moulding seam and vented brow carrying the detail out of the chin and across the whole cabinet.

Seventy silhouettes instead of one: a 65 percent board laid back off the view axis, every sculpted keycap scanned by the same machinery at a twentieth the scale so each arrives wearing its own comb, over an underglow spilling from the front lip.

Betawise's point-cloud bust isolated as a full-frame pointer-responsive background without the hero navigation, copy, actions, or CTAs.

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.

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.

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.

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.

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 violet predictive pixel arch with a luminous animated core.

An emerald pixel horizon with an organic breathing band.

A dark signal-particle field with soft connective pulses.

A block-by-block override grid with telemetry-orange accents.

A cyan, indigo, and purple WebGL ribbon field resolved through an animated dot matrix.

A transparent raw-WebGL void field detached from its original article composition.

A red-orange raw-WebGL flow field resolved through its authored six-pixel halftone matrix.

An animated amber-to-white Three.js point field on a dark plane.

The original Codex credential assembled from luminous rain and curl-noise embers.

A complete browser window and page layout illustrated with the exact same rain, spark, waterline, and dissolve effect.

A modern iPhone silhouette with Dynamic Island, app UI, icon grid, dock, and home indicator formed from the same living spark field.

A widescreen studio monitor with camera, creative workspace, tool rail, inspector, timeline, architectural stand, and base formed from the same sparks.

A refracted OpenAI mark beneath pointer-driven circular ripples, cyan depth, and soft suspended particles.

Violet fBm arcs crawl around the Anthropic contour while pointer proximity pulls the storm closer.

Noise-driven flame ribbons and rising embers lick upward from the Claude mark edge.

Transparent droplets grow, merge, fall, and resolve into soft water splash rings.

A painterly branching tree grows from warm sienna to golden tips, sways with pointer wind, and sheds soft ambient motes.

Sable’s complete rotating typography vortex with crisp prerendered rings, drifting glyphs, pointer dissolution, particle dust, and click suction — with dark and light surfaces.

A customizable Codex wordmark that draws a viscous particle organism toward its letters, illuminating the text as the network searches and reconnects.

Two drifting Canvas 2D star fields with an authored holographic pill button.

A raw-WebGL ambient field with a tactile ignition control.

A kinetic ambient field paired with a raw-WebGL induction button.

A deep-blue laboratory field with a luminous plasma control.

A fluid ambient background with a tactile raw-WebGL button.

A luminous Canvas 2D trace orbiting a softly raised blue button.

A pill-shaped shader button with raking GLSL light bands, sparse motes, a soft edge, and hover intensification.

Refractive glass capsule with flowing color, light response, and a tactile press state.

Iridescent intelligence glow with a listening state and animated voice bars.

Three.js foil material that tilts with the pointer and changes on click.

A Three.js particle swarm gathers around an interactive button and resolves on click.

Reactive Three.js orb and a press-and-hold voice control.

WebGL2 water simulation that ripples under pointer movement and presses.

Pixelated shader fill that advances while the button is held.

Warm liquid blobs shift under hover and heat up on click.

Three.js brushed gold material with responsive light and a press state.

WebGL2 fluid ink swirls inside a glass capsule as the pointer stirs it.

A lilac glass split button with a working creation menu.

A violet enamel button with a star field and animated generation state.

A polished chrome upload button with shader driven metal reflections.

A dark control with a moving lime dot matrix arrow.

A frosted download button with iridescent shader color and glass lettering.

A paired ceramic and violet primary action study.

A softly extruded service button with a recessed arrow control.

An inflated fabric button with a responsive Three.js cloth surface.

A molded day and night rocker switch with spring motion.

A forest glass capsule with optical filaments and a spring switch.

Sculpted automotive keycaps with functional airflow and heat states.

A tactile liquid-chrome Sign Up control with a refractive spectral ring, crystal center, floating particles, and pointer-drawn light scratches.

A seven-thousand-point orange fibonacci shell on the authored four-second loop: it crumples and erodes into holes while eight jagged lightning arcs strike across it, and it leans out toward the pointer wherever the cursor rests.

A dendritic ember-to-gold limb structure on a nine-second turntable, eroding back from the tips while eight pulses climb from the root to a branch tip and return.

A ridged height field drifting over nine seconds, its rows drawn far-to-near so the relief reads solid, violet scree eroding off warm crests while six lava veins run down the slopes into a hazed far edge.

A six-lobe indigo and magenta cloud shearing around its own core over eight seconds, hollowing into voids while seven filament rings wind through the volume.

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.

A real-time digital clock sculpted from translucent blue liquid tubes, with luminous fluid segments, drifting particles, soft depth, bloom, and pointer-driven deformation.

The exact authored sunset valley with its warm canyon, glowing river, smoke, dust, grass, and pointer physics.

A lush green morning with a cool misty sky, richer ground cover, and thousands of instanced river-valley trees.

A deep blue starlit night beneath five folded borealis curtains, green along their sharp lower border and violet in the crown.

The half hour after the sun has gone: an indigo sky over one ember of afterglow, the river turned to a pale mirror, and the same fern banks lit only by skylight.

A masked white particle dome drifting across a dark field.

A deep emerald shader glow rising from an organic moving horizon.

A violet particle synthesis sphere with encrypted orbital rings and luminous data nodes.

A cyan breathing dot matrix with radial depth fade and smoothed pointer drift.

A full-screen ShaderMaterial expanse isolated from its original editorial layout.

An isometric platform, illuminated logic core, and orbiting nodes.

Dimensional architecture composed from two authored ShaderMaterials.

A global-data Three.js network visual isolated from its dashboard frame.

A rotating topology graph with connected nodes and rhythmic point pulses.

An indigo FBM nebula with pointer drift, breathing light, and vignette.

A blue-violet animated fluid ShaderMaterial.

A 12,000-particle ember vortex with additive heat grading and flicker.

A blooming particle vortex with spiral filaments and post-process glow.

The original hero warp: 400 emerald streaks and 40 luminous tiles through deep-space fog.

160 tumbling glyphs wandering off the rails while the streak field keeps the corridor moving.

72 lit mechanical keycaps tumbling through a 900-spark particle wake.

1,200 ice-blue streaks stretched down a scrolling tunnel toward a pulsing jump core.

The opening chromatic ThreeUI wordmark assembly, isolated to its first authored beat.

The Shaders wordmark materializes through a seeded field of drifting dots and squares.

Animated circular audio-bar fields paired with a compact ThreeUI wordmark and icon lockup.

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.

A drifting particle constellation network with tunable link stroke width over a deep night field.

A soft particle drift field lifted from a compute-network hero stage.

A sharp, thin-stroke particle network field with crisp retina trails.

A black-stage flow canvas with streaming gateway trajectories.

A light-mode connectivity graph canvas with animated node links.

A faint interface line-field background for dense system UI stages.

A crimson defense-line canvas field behind a high-contrast hero stage.

A raw-WebGL topography field with flowing elevation bands.

A warm radial spark burst that expands and contracts around a bright core.

An interlocking six-loop bloom traced as a rotating monochrome dot lattice.

A rounded command-prompt mark that breathes as a dimensional prompt blob.

The Cursor arrow and frame resolved in dots with a timed click ripple.

A four-point Gemini twinkle with orbiting light and a soft central pulse.

Five dot swatches morph through the familiar stacked Figma silhouette.

The folded Framer F rendered as shifting blue dot bands.

Three luminous electron ellipses orbit a bright React nucleus.

The Swift bird silhouette sweeps through a warm coral dot field.

The DesignCode monogram travels through a dense spherical dot field.

Aura's native asymmetric dot field carries an expanding halo of light.

Six tapered petals open, breathe, and rotate as a DreamCut bloom.

A paneled interface window assembles from cool blue dot segments.

A warm journey curve connects three pulsing experience nodes.

The CSS lettermark emerges as a purple scan moving through a rounded field.

The iOS wordmark is sampled into an even monochrome dot matrix.

Eight directional Neuform chevrons rotate around a precise center.

The Octocat silhouette appears as negative space inside a luminous orb.

The X mark is swept by a rotating highlight around its diagonal strokes.

The Instagram camera mark glows through a violet-to-orange dot gradient.

The Threads loop is traced by an angular highlight sweep.

The LinkedIn mark scans across a blue rounded-square field.

A dimensional dotted envelope opens and sends a traveling signal.

A translucent glass AI button with a deep-blue galaxy orb, luminous GPT 6 Sol lettering, a traced brain icon, and a particle burst on activation.

A cinematic Codex promo featuring GPT-6 Astra: stars form a 6 inside a blue nebula, a brief star flight leads into typed prompts, and a conversation brings an idea to life.

The packaged document, byte-for-byte: forty seconds through three loops of orbital gauges, five labelled steps in each, converging on the React mark and its closing card.

Six seconds of the same film, cut into three two-second shots — the dial's rim sweeping in under the first node, one labelled step travelling the ring, then the three orbits around the nucleus — each carrying a statement of its own. Nothing is rebuilt between them: the scene keeps running and the camera cuts.