Button components and templates

Dayward Liquid Ink with its original authored interaction.

Dayward Liquid Metal Arrow with its original authored interaction.

Oblo Wipe Pill with its original authored interaction.

Oblo Showreel Wipe with its original authored interaction.

Rondel Record Mechanism with its original authored interaction.

Rondel Season Letter with its original authored interaction.

Extracted from Umbra, preserving the authored surface, hover motion, and keyboard focus.

Extracted from Aureon V2, preserving the authored surface, hover motion, and keyboard focus.

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 moss-root world with pale flowers, ferns, drifting pollen, the landing butterfly, and native liquid-metal controls behind the full hero layout.

The same page and layout carrying the Sakura Sunset scene instead: mossy cherry boughs in open blossom over a golden cushion at dusk.

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.

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.

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.

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 deep charcoal glass rectangle with a softly revolving inner highlight and restrained metallic type.

A warm amber launch control with tactile depth, a soft aura, and a compact lightning icon.

A bright creation CTA framed by four corner dots and sequentially drawn dashed border segments.

A saturated blue CTA with a glass highlight and a continuous stream of floating light points.

A dark rectangle CTA whose label slides, blurs, and resolves into a crisp duplicate on hover.

A dark builder CTA with a rotating orange edge beam, drifting dot texture, and responsive glow.

A restrained metallic lesson control with a masked gradient edge, soft elevation, and arrow icon.

A glossy generate control with prismatic borders, animated lettering, and an illuminated sparkle icon.

A glass CTA with a revolving highlight, advisor portrait, and a glowing generative-action icon.

A compact graphite CTA that replaces its static edge with a rotating white border beam on hover.

A sunlit amber CTA with inset highlights, deep elevation, and a rising hover sheen.

The authored six-stop violet gradient pill with its inner highlight, cast glow, and trailing open ring.

The authored sibling pill with the same geometry, a blurred glass fill, and a hairline outline.

The selected Trochil request-access treatment: a restrained black technical rectangle with a fine lit edge and passing warm signal sheen.

The selected Attune primary action with a compact orange thermal gradient, inset highlight, grounded glow, and chevron.

The selected Tideform action: a square technical outline with tracked mono type, warm hover state, and a long directional arrow.

The selected Understory action with a violet capsule surface and an inset paper-toned circular arrow endcap.

The selected Meridian primary action rebuilt as a blue illuminated keycap with a physical base, LED, and pressed hover travel.

The selected Meridian secondary action using the same tactile keycap geometry in its graphite night-side treatment.

The selected Halvorsen action: the shared editorial arrow-pill structure recut as a bone-white capsule with a black inset arrow disc.

The compact Aster navigation action with a translucent smoke surface, masked crystalline edge, top sheen, and restrained hover lift.

The Aster primary CTA using the same glass material with a bordered inset chip and a directional arrow that advances on hover.

A tactile pre-order keycap with an ember spark, machined graphite cap, top-edge glow, bloom, price legend, and pressed hover travel.

An outlined seasonal CTA with a pale blossom edge, paired dots, pointer-positioned ink bloom, magnetic drift, and sliding duplicate label.

The Dark Glass rectangle reduced to a compact circle with its original charcoal surface, masked edge, and moving conic light.

The Launch rectangle's exact amber gradient, 4px base, soft aura, and 2px pressed state around a centered plus glyph.

The Dot Border rectangle's transparent face, blue hover fill, four moving corner dots, and sequential dashed frame around a mail glyph.

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.

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 sculpted dark sign-up button with a glass potion orb, rising green bubbles, an opening envelope, a spinning ring, and fading procedural fingerprint marks after each press.

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.