GLSL components and templates
Explore 197 ThreeUI components, templates, backgrounds, and interactive effects tagged GLSL, with previews and editable implementation source.
- 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.
- Orrery
The complete Orrery studio hero, preserved unchanged with its procedural stone plinth, luminous orbital rings, drifting debris, editorial cards, and compact dock navigation.
- Cortexa
The complete Cortexa intelligence-platform hero, preserved unchanged with its procedural point-cloud bust, silhouette bloom, data haze, and pointer-following torch interaction.
- Cathode — Workstation
The complete Cathode hero UI around the owner's workstation revision: the isometric CRT cabinet, source-code screen, backlit keyboard, desk mouse, navigation, launch copy, and primary CTA.
- Cathode — Console
The complete Cathode hero UI around the living-room console variant: a side-scroller display, vented console slab, illuminated gamepad, navigation, launch copy, and primary CTA.
- Cathode — Studio
The complete Cathode hero UI around the recording-studio variant: boom microphone, pop screen, desk mixer, programme monitor, ON AIR sign, navigation, launch copy, and primary CTA.
- Cathode — Cinema
The complete Cathode hero UI around the cinema variant: tripod camera rig, matte box, monitor, panel light, slate, navigation, launch copy, and primary CTA.
- Cadence
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.
- Attune
The complete attune hero page, preserved unchanged with its procedural Three.js Mars, orbital telemetry, dust haze, and full-bleed product layout.
- 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.
- Kairo
The complete KAIRO culinary product page with its WebGL2 flame-wrapped hero, Lenis smooth scroll, GSAP ScrollTrigger reveals, pinned editorial sections, and remote product photography.
- Betawise
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.
- Tidecrest
The complete Tidecrest hero page, preserved unchanged with its Three.js terrain and the authored EffectComposer and UnrealBloom post-processing chain.
- Sylva — Living Green
The moss-root world with pale flowers, ferns, drifting pollen, the landing butterfly, and native liquid-metal controls behind the full hero layout.
- Sylva — Sakura Sunset
The same page and layout carrying the Sakura Sunset scene instead: mossy cherry boughs in open blossom over a golden cushion at dusk.
- Sylva — Maple Autumn
The same page over the Maple Autumn scene: palmate leaves crimson to gold on mossy boughs, with the dock and button plates retoned to its slate dusk.
- Sylva — Sequoia Mist
The same page over the Sequoia Mist scene: redwood sprays on fibrous cinnamon bark, with the dock and button plates carried up into its pale grove fog.
- Meridian
The complete Meridian revenue-platform page, preserved unchanged with the whole Three.js r155 module inlined into the document, so the page renders its Earth-from-orbit scene without making a single network request. The authored file is named ascend.html.
- NOEMA N1
A complete humanoid robotics launch page with a full-bleed N1 hero, scroll-assembled body, technical specification sheet, exploded anatomy, domestic-use film, grip-force control, Series A gallery, parts knoll, and reservation configurator.
- Anteroom
A spatial, brand, and motion studio journey that descends from a sunset-plaster anteroom through a reflective waterline into a submerged archive, luminous pearl, seabed typography, paper menu, and peel-away project contact form.
- Aster Halftone Bloom
A full-screen analytics hero built around a luminous procedural rose re-photographed as a cross-shaped halftone lattice, with petal erosion, falling dust, pointer-driven light, glass controls, and restrained editorial typography.
- Advanced Glass Material
A full-screen material showcase built around a faceted spectral glass form over an interactive water field, with two-bounce refraction, edge dispersion, studio reflections, pointer-driven orbit, direct glass impulses, and a restrained technical product interface.
- 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.
- Skyfield
A full-screen carbon survey journey across procedural moss-covered terrain, with atmospheric cloud layers, scan telemetry, a day/night control, pointer parallax, and a scroll-scrubbed descent from observation to verified removal.
- ThreeUI Rings
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.
- Foldwork
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.
- Meridian Slow Matter
A monochrome applied-fluid hero where voxel wax drifts through a transparent vessel, framed by pixel typography, technical telemetry, selectable phases, and a tactile set-it-drifting control.
- Aureon Markets
A polished blue-and-violet trading hero with a refractive liquid-metal market sculpture, draggable glass metrics, multilingual navigation, and fully local account-preview dialogs.
- Dark Souls Holo Card — The Ashen One
The original holographic card beside the candlelit sword shrine.
- Dark Souls Holo Card — Cindermane
A firelit monster card with layered holographic foil and pointer-reactive lighting.
- Cinder K1
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.
- Tideform
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.
- 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.
- Orrery — Orrery
The authored page exactly as written: the eroded limestone plinth turning under a stone lantern, wound about by skeins of spun light and a slow spiral of tumbling debris.
- Orrery — Castle Ruin
The same bluff carrying a medieval keep, laid stone by stone against a crown profile that decides how high each wall still stands — quoined corners, arched windows, a gate arch in the curtain wall, a turret taken down on its outward side, and a fire still burning in the broken crown.
- Orrery — Labyrinth
A round table of rock carrying a polar maze carved by a depth-first walk — six rings of kerbstone with real dead ends, a hearth at the middle, and the one true route lit as a thread of light that walks itself from the mouth inward, seen from an eye lifted to read the plan.
- Orrery — Shrine
The same rock quarried into two terraces for a Japanese shrine: a vermilion torii and its laid-up straw rope on the low ground, a stair between them, a pair of lit stone lanterns, and a hall whose bark roof holds a level ridge, an eave that lifts to its four corners, and crossed chigi at the gable.
- 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.
- Cortexa Silhouette — Silhouette
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.
- Cortexa Silhouette — Arcana
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.
- Cortexa Silhouette — Monitor
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.
- Cortexa Silhouette — Keyboard
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.
- Cathode Workstation — Workstation
The authored page with the owner's workstation revision: the isometric CRT cabinet wearing a 3x3 vent field, its recessed screen streaming indented source over a numbered gutter, the backlit keyboard, a mouse standing on the desk beside it, and the props behind.
- Cathode Workstation — Console
The same drawing around a living-room console: a flat panel running a side-scroller, a vented slab beside it, and a gamepad whose shell is a single blended capsule outline that rolls in at the base and domes at the crown, its buttons lit in bursts.
- Cathode Workstation — Studio
A recording booth: a counterweighted boom carrying a microphone and pop screen off the isometric grid, a desk mixer, a programme monitor standing clear of it on its own foot, and a text-free illuminated plate on the treatment panel.
- Cathode Workstation — Cinema
A camera rig: sticks turned off the grid so all three legs read, a matte box and lens on the body, a 16:9 monitor slung off the top plate on its arm, a panel light holding the key, and a slate set down clear of the legs.
- 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.
- Betawise Particle Bust
Betawise's point-cloud bust isolated as a full-frame pointer-responsive background without the hero navigation, copy, actions, or CTAs.
- Mira CRT Wall
Mira Solvang's cold-blue CRT edit wall isolated as a full-frame background without navigation, portfolio copy, controls, reel UI, or section content.
- 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.
- Nocturne Card — Midnight
The authored composition: the landscape debit card hovering inside its halo over a still midnight sea.
- Nocturne Card — Moon
A cratered gibbous moon half out of the sea, its other half given back by the water, with no halo drawn in front of it and the card stood upright and taken to cold platinum.
- Nocturne Card — Mars
Iron oxide all the way down: Mars half out of a rust sea with its dark albedo features, rift and polar cap, the halo left out, and the upright card struck in copper.
- Nocturne Card — Earth
Earth half out of the sea with its oceans, banded cloud deck, ice caps, city lights and sunlit terminator, the halo left out, and a phone whose screen carries a photograph of the same scene.
- Meridian Earth — Earth
The authored orbit: an 8K day plate read through a cubic B-spline, a cloud deck on its own shell, ice caps, city light, and one scattering integral shared by surface, deck and halo — drifting at a quarter of the rate it was authored at.
- Meridian Earth — Moon
The plates drop out and a jittered crater lattice takes their place — flat-floored basins, terraced rims and central peaks at four scales, ray systems off the youngest, and dark basalt maria carrying a third of the craters the highlands do.
- Meridian Earth — Mars
The same lattice split across the hemispheric dichotomy — old cratered south, resurfaced north — with the Tharsis shields, a four-thousand-kilometre canyon, wind streaks and spiralled polar frost, under a dust column whose scattering vector is the inverse of Earth's.
- Meridian Earth — Saturn
No ground and no halo: a zonal wind profile that drags each belt against the next and curls its edges into festoons and eddies, five octaves of cloud-top filament faded against their own screen footprint, the north polar hexagon, and a ring system of noise-built ringlets and orbital clumps cut by the Cassini, Encke and Keeler gaps — carrying the planet's shadow, laying its own back onto the disc, and holding the B-ring spokes.
- 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.
- 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.
- Liquid Form
A centered silver ray-marched liquid form with authored studio reflections and pointer-responsive camera drift.
- CRT — Terminal
The authored 19-row Zion boot log typing itself onto green phosphor, now resolved at the full backing resolution so the glyph cores stay crisp behind the grille.
- CRT — Cinematic
A monotone academy leader: letterboxed frame, sweeping countdown dial, scrolling film perforations, registration marks, and a running 24 fps timecode graded to pure luminance.
- CRT — Blue Screen
A retro signal-fault panel on saturated broadcast blue, torn by shader-side transport noise: per-row jitter, a rolling dropout band, head-switching scramble, and heavy static.
- CRT — Nintendo
An 8-bit console title screen drawn on a 320×180 grid with a hand-authored 5×7 pixel font and nearest-neighbour upscale, so every sprite, brick, and letter lands on a hard pixel edge.
- 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.
- 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.
- Terrain Plume — Alpine
DesignCode 5’s exact engraved range: fourteen hand-placed massifs, ridged couloirs, a foreground fir band, and the monochrome plume behind them.
- Terrain Plume — River
A meandering river cut through the same hidden-line valley, with firs and broadleaf trees crowding both banks and the plume reflected down the channel.
- Terrain Plume — Desert
Wind-rippled dunes running under flat-topped buttes, with saguaros, boulders, and scrub engraved across the near band and a warm plume on the horizon.
- Terrain Plume — Bridge
A suspension crossing over a night bay: braced towers, catenary cables, lamp-lit deck, and a lit skyline on the far shore doubled in the water.
- 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.
- Liquid Metal Button — Play Circle
A compact icon-only play control with configurable finish, diameter, outline, and accessible label.
- Liquid Metal Button — Sign up Pill
The original authored liquid-metal Sign up pill with its complete spectral field, bloom, pointer well, and faceted press ripple.
- Liquid Metal Button — Liquid Orb
The exact liquid-metal WebGL field measured through a compact 56–72px circular plus control, preserving every original interaction and post-process pass.
- Get Started Button
A tactile liquid-chrome Sign Up control with a refractive spectral ring, crystal center, floating particles, and pointer-drawn light scratches.
- Recursive Erosion — Sphere
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.
- Recursive Erosion — Branches
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.
- Recursive Erosion — Mountains
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.
- Recursive Erosion — Nebula
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.
- 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.
- Halcyon Card — Private Reserve
The packaged document, byte-for-byte: sand damier canvas over saddle-tan trim in a near-black room, holding a gunmetal card whose engine-turned field and guilloche rosette are engraved under gold foil.
- Halcyon Card — Onyx
The same sleeve cut in plain black calf and stood in a daylight room. No damier — a black hide has almost no albedo, so the whole read is its grain and its specular — and the card is brushed platinum: a diamond-cut rim, a champagne contact plate, and a brushing that jitters the studio per groove rather than blurring it. Swiss grotesque throughout.
- Halcyon Card — Saddle
Cognac bridle hide in a warm walnut room: a coarser pebble, a waxed sheen, a heavily burnished painted edge, and a pull-up that pales the raised grain. The card is brushed graphite titanium with a diamond-cut rim, polished steel engraving and a champagne contact plate, and the type is an old-style serif.
- Liquid Clock
A real-time digital clock sculpted from translucent blue liquid tubes, with luminous fluid segments, drifting particles, soft depth, bloom, and pointer-driven deformation.
- 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.
- Holographic Glitter Card
An Astro Blade arcade player card wrapped in pointer-reactive rainbow glitter, a drifting pixel-dissolve foil field, rippled laminate, specular sweeps, and a soft projected shadow.
- Book of Japan
A dark hardbound reader for an original seven-chapter essay on Japan, with responsive typesetting, light-ink brush plates, richly textured boards, page-edge depth, and a physically modelled paper curl.
- 3D Paper — Original
The original translucent Nocturne certificate with monochrome editorial typography, procedural glass texture, and a giant wordmark suspended behind the paper.
- 3D Paper — Site of the Year
A graphic Site of the Year award sheet with vivid lime scoring details, season XP, winner metadata, and the same tactile translucent paper motion.
- 3D Paper — Japanese
A Japanese recognition certificate with vertical display type, warm gold accents, bilingual details, procedural translucency, and direct inertial interaction.
- 3D Paper — Certificate
A formal typographic certificate edition with recipient signatures, structured award details, glass-like reflections, and the original responsive paper simulation.
- Ashen Press
A tactile 3D art-book shelf with ten clothbound volumes, embedded illustrated plates, reflective oak furniture, a torn-paper detail reveal, and direct hover, select, flip, and drag interactions.
- 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.
- Halftone Keyboard — 60% Board
The authored scene: a backlit 60% board with procedural key legends, automatic typing, keys that light as the cursor passes them, and the pendant whose cone swings across the whole board.
- Halftone Keyboard — Journal
An open leather journal writing itself: procedural cursive laid down a word at a time on ruled paper, wet ink catching the lamp at the nib, a satin ribbon and a fountain pen that lifts as the cursor nears it, and a page that curls over on a vertex-shader hinge once the right-hand side fills.
- Halftone Keyboard — Typewriter
A portable machine three-quarters on, typing a page: fifty nickel-ringed keys in one draw call, a typebar thrown at the platen for every letter, a carriage that steps left and runs home on the return lever, and a sheet stamped one struck glyph at a time.
- Halftone Keyboard — CRT
A chunky monitor running a terminal session on a real spherical-cap tube, with scanlines, an aperture grille, barrel distortion and a shader-stamped blinking cursor — and a phosphor wash that falls back onto its own bezel and across the desk in front of it.
- Sylva Living World — Living Green
The original procedural moss-root world with pale flowers, ferns, drifting pollen, scan light, and a landing butterfly.
- Sylva Living World — Sakura Sunset
Mossy cherry boughs at close range, carrying a recursive twig network in open blossom over a golden cushion, with petals tumbling through a quiet dusk field.
- Sylva Living World — Maple Autumn
The same mossy boughs turned to maple: palmate leaves running crimson to gold along every spray, a green-gold cushion, and leaves tumbling through a cold slate dusk.
- Sylva Living World — Sequoia Mist
The same boughs as redwood: flat sprays of scale-needle foliage on fibrous cinnamon bark, deep moss, and sprigs drifting through grove fog.
- Sakura Branch — Sakura
The lush authored pink cherry bough with dense moss, drifting petals, pointer wind, and a landing butterfly.
- Sakura Branch — Sentra Branch
The learnme.html bough isolated from the Sentra landing page, with sharper branching, leaner moss, drifting petals, and ember-orange light.
- 365 Shapes — Cube
The original six-plane glass cube paired with a pixel-built CUBE wordmark.
- 365 Shapes — Triangle
A sharp triangular glass prism paired with a pixel-built TRIANGLE wordmark.
- 365 Shapes — Hexagon
A balanced six-sided glass prism paired with a pixel-built HEXAGON wordmark.
- 365 Shapes — Pentagon
A faceted five-sided glass prism paired with a pixel-built PENTAGON wordmark.
- Woven Cloth — Woven Cloth
The packaged Neuform export, untouched: an ivory banner with a crimson hem and the Woven Cloth wordmark printed into the weave, pinned along its top edge.
- Woven Cloth — Iridescent Silk
A five-harness satin under a painted studio environment: a thin-film interference layer whose thickness sweeps one full order across the width, so the colour travels over the folds while the wordmark stays a tone-on-tone jacquard.
- Woven Cloth — Atelier Flag
The same sheet cut and sewn: three linen panels joined by flat-felled seams and topstitching, an indigo heading tape on the hoist with brass grommets and a mast, hemmed at the fly, and a woven label tacked on at the corner.
- Woven Cloth — Washi Noren
An indigo-dyed kozo noren on a wooden rod, backlit through a shoji: laid and chain lines from the papermaking screen, a torn deckle edge cut by an alpha mask, and slits that free three panels to sway on their own.
- Animated Top Dock — Sable Dock
The authored Sable dock: a centred glass capsule whose items spring downward and widen as the pointer crosses them.
- Animated Top Dock — Command Bar
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.
- Animated Top Dock — Pixel Terminal
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.
- Animated Top Dock — Liquid Glass
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.
- 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.
- Glass AI Button
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.
- Thermo Button
A brushed-metal thermometer button with a glass weather orb, spring-driven capillary liquid, glowing temperature ticks, and four animated conditions: clear, cloudy, rain, and snow.
- React Orbits — Full Film
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.
- React Orbits — Cutdown
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.
- Sylva Sting — Sylva Sting
The world grows in behind an expanding wavefront, the statement lands, and the frame clears to its loop seam.
- Sylva Sting — Sylva Survey
The same scene cut into three two-second shots on one six-second loop: the survey pulse finishing on the arch's crown, the far ridge under open sky, then the whole root. Nothing is rebuilt between them — the camera cuts, and each shot carries a statement of its own.