Self Contained components and templates
Explore 24 ThreeUI components, templates, backgrounds, and interactive effects tagged Self Contained, with previews and editable implementation source.
- 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.
- Halvorsen
The Understory layout and its procedural Three.js glass hands recut as a dark monotone designer portfolio: one neutral grey ramp, a halo-lit headline carried over the lit marble, desaturated photography, and inline SVG work artefacts.
- Velara Vortex
A full-screen brand-and-motion studio hero pairing precise editorial typography with a layered ring of 12 image cards that follows an authored vortex sequence and leans into pointer engagement.
- 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.
- 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.
- Heatmap Badge — Vinyl
The authored badge: a matte charcoal card inside a crinkled vinyl sleeve, read by a blue-to-ember thermal ramp and hung on a printed polyester lanyard.
- Heatmap Badge — Field Canvas
A cloth-backed press pass: indigo cotton duck woven thread by thread, a halftone portrait screened onto the weave, saddle stitching, brass hardware, and a herringbone cotton strap.
- Heatmap Badge — Titanium
The credential milled as a metal card: an anisotropic brushed plate, laser-etched type over an embossed account row, a contact chip and foil hologram, and an optical sleeve that mirrors the studio instead of creasing.
- Heatmap Badge — Retro Plastic
An injection-moulded putty badge with screw bosses, vents and moulded lettering, a screen-printed panel with a dot-matrix window and a power lamp, and a thermochromic ink that multiplies magenta into indigo where you touch it.
- Hourglass Loader — Hourglass
The authored scene, preserved unchanged: a turned wooden hourglass whose sand drains through a pinched neck, glides along the desk and tips end over end on its own rim.
- Hourglass Loader — Keyboard
A fifty-one key board in a dark walnut sandwich case on a thin honey-oak top, with a machined plate and sculpted PBT caps. It types LOADING one key at a time — each press an eighth of the capsule, a commit light out from the return key, then a wave that runs the board clear.
- Hourglass Loader — Mouse
A low two-button mouse on a fumed-oak board, its shell one analytic surface — a rounded-rectangle section over a superellipse plan — so the curves carry no creases. Five clicks and one scroll fill the capsule; the buttons hinge on their own seam and the cord follows the body across the wood.
- Hourglass Loader — Wallet
A saddle-stitched leather bifold lying open on a thin mahogany board, dealing the four cards terraced in its slot out into a clear row in front of it. Every card goes straight up out of the pocket before it travels, so nothing ever passes through anything; the last one lifts and turns to catch the light.
- 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.
- Understory Sting — Understory Sting
The statement lands beside the block as it turns once, then both leave to a clean loop seam.
- 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.
- Meng Timeline
A scroll-driven horizontal timeline of Meng To's 17 highest-reach posts from June through August 2026, composed as perspective-scaled post cards with synchronized date markers, rays, embedded clips, and like reveals.