WebGL2 components and templates

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.

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.

A deeply technical 65-percent keyboard story that keeps one WebGPU product model present through construction layers, switch travel, key groups, topology, section cut, anodised finishes, acoustics, typing angle, and reservation. One owner-requested interaction revision sits over the supplied export: the key under the cursor clicks and springs back, the camera keeps a slow idle orbit under every chapter, and each anodised finish reads as a lit cap set with a seated accent keycap.

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.

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.

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.

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.

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.

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.

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.

The original horizontal wash crossed by a vertical shaft with a sliding glow.

The beam bent into a circle, with an arc of light running the circumference.

A thin border hugging the viewport edge, lit by a highlight travelling the perimeter.

Two 45° shafts crossing at the centre, their glows taking turns down each arm.

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.

A compact icon-only play control with configurable finish, diameter, outline, and accessible label.

The original authored liquid-metal Sign up pill with its complete spectral field, bloom, pointer well, and faceted press ripple.

The exact liquid-metal WebGL field measured through a compact 56–72px circular plus control, preserving every original interaction and post-process pass.

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

The original six-plane glass cube paired with a pixel-built CUBE wordmark.

A sharp triangular glass prism paired with a pixel-built TRIANGLE wordmark.

A balanced six-sided glass prism paired with a pixel-built HEXAGON wordmark.

A faceted five-sided glass prism paired with a pixel-built PENTAGON wordmark.

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.