Animated
An animated amber-to-white halftone point field on a dark plane.
ReactBackground
ThreeUI
WebGL, Three.js and canvas scenes for the web: backgrounds, hero sections, buttons and text treatments, installed from the @designcodeio/threeui package rather than copied into your code.
171 published items
Meng To
171 published items
Navigation
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.
React
Navigation
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.
React
Navigation
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.
React
Navigation
The authored Sable dock: a centred glass capsule whose items spring downward and widen as the pointer crosses them.
React
Animated
A portrait audio identity scene pairing two animated circular bar fields with a compact ThreeUI wordmark and icon lockup in synchronized light and dark modes.
ReactText
A full-frame sphere of 1,900 depth-sorted glyphs with hover acceleration and click-hit letters that break loose, fall, and regrow on synchronized light and dark surfaces.
ReactText
Background
A Chladni-inspired bell-mode field with authored nodal metal patterns, automatic strike rings, pointer drift, and rising foundry embers.
React
Editorial
The complete Field Manuals book showcase, preserved unchanged with its editorial layout, authored motion, interactions, and embedded media.
ReactScreen
Aura's native asymmetric dot field carries an expanding halo of light.
React
Loader
A warm radial spark burst that expands and contracts around a bright core.
React
A rounded command-prompt mark that breathes as a dimensional prompt blob.
React
The CSS lettermark emerges as a purple scan moving through a rounded field.
React
The Cursor arrow and frame resolved in dots with a timed click ripple.
React
Loader
The DesignCode monogram travels through a dense spherical dot field.
React
Six tapered petals open, breathe, and rotate as a DreamCut bloom.
React
Five dot swatches morph through the familiar stacked Figma silhouette.
React
A four-point Gemini twinkle with orbiting light and a soft central pulse.
React
The Octocat silhouette appears as negative space inside a luminous orb.
React
The Instagram camera mark glows through a violet-to-orange dot gradient.
React
Eight directional Neuform chevrons rotate around a precise center.
React
An interlocking six-loop bloom traced as a rotating monochrome dot lattice.
React
The X mark is swept by a rotating highlight around its diagonal strokes.
React
Animated
A warm editorial character filmstrip with framed portraits, numbered identity footers, paper grain, and a looping perspective rail.
ReactCarousel
Animated
A dark dimensional character-card wave with colored tiles, responsive horizontal-to-vertical motion, and orientation toggling.
ReactCarousel
The Dot Border rectangle's transparent face, blue hover fill, four moving corner dots, and sequential dashed frame around a mail glyph.
React
The Dark Glass rectangle reduced to a compact circle with its original charcoal surface, masked edge, and moving conic light.
React
The Launch rectangle's exact amber gradient, 4px base, soft aura, and 2px pressed state around a centered plus glyph.
React
A Verlet sheet of letters hangs from six pegs, shearing every glyph with the live weave while pointer wind and direct grabbing deform the cloth.
ReactText
Animated
The complete raw-WebGL cloud migration background isolated at its exact source renderer boundary.
ReactBackground
The complete Working Volumes bookshelf page with all seven tools, its responsive editorial interface, and authored Three.js presentation.
ReactScreen
Background
A transparent field of growing condensation bubbles that merge, fall, and resolve into soft water splash rings.
React
Animated
A light-mode connectivity graph canvas with animated node links.
ReactBackground
Background
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.
React
The exact global-data Three.js visual isolated from its dashboard frame and text content.
ReactBackground