Keyboard components and templates

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.

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.

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.

The complete Cathode hero UI around the cinema variant: tripod camera rig, matte box, monitor, panel light, slate, navigation, launch copy, and primary CTA.

A tactile personal portfolio built as a Singapore sketchbook, with nine illustrated plates, curled page turns, a draggable magnifying glass, zoom controls, a botanical paper atmosphere, and an editorial index.

A complete interactive keyboard product story that rebuilds every key in DOM and CSS, moving from an oversized typing hero through construction, lineage, feature, voice, finish, and final product chapters.

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 Blender-baked synthesiser that opens as an exploded assembly drawing and closes into itself, carried through eleven scroll-linked 3D acts, then opened into a playable 49-key instrument, patch fan, signal chain, production pipeline, specifications, build numbers, and edition cards.

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.

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.

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.

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.

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.

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 warm editorial card deck with framed portraits, numbered identity footers, paper grain, and a deep looping perspective rail.

A dark dimensional card wave with colored profile tiles, responsive horizontal-to-vertical motion, and orientation toggling.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

A carved timber handheld with a tinted glass screen, working face controls, a power switch, and a slow pointer-responsive turntable.

A compact wooden keyboard fitted with translucent glass keycaps, a dot-matrix readout, press feedback, and pointer orbit.

A blue translucent popsicle with monotone glass keycaps frozen into its refractive body, each square cap carrying a letter read through its own glass, over a procedurally grained wooden stick.

A turned timber side chair with five glass slats set into its raked back over one solid seat board, and a warm slat at the centre that lights and carries the press out to its neighbours.

A writing desk with a light table glazed into its top, a single drawer behind a smoked glass front that latches open on a spring, and a pulse that sweeps the panel when the glass is touched.

Explore a real-time mountain river valley at golden hour, with sakura trees, a boat, temples, weather, and a changing day and night sky.

A stitched leather bifold standing open on its fold: two terraced card slots a side holding four drawn ID-1 cards, a leather fold lofted from both halves, a note-pocket wall, saddle stitching, and cards that ride up out of their slots on hover or click.

The authored mechanical keyboard with procedural keycaps, a CODEX row over a Voice bar and a microphone glyph, LED telemetry, and animated presses.

A wireless mouse on the keyboard's camera, environment and light rig: a crowned shell sculpted from its plan outline, hinged click plates, knurled wheel, green DPI cap, a telemetry strip flowing over the palm, and the pointer it drives clicking alongside it.

A streaming remote on the collection's isometric: a stacked sole, shell and control deck, a rocking navigation ring, sinking caps, an amber power key and green live key, and an infrared window that throws a burst of arcs every time a button bottoms out.

A compact isometric keyboard built as a pale dimensional grid with raised keycaps, a slim frame, soft grounding shadow, and damped pointer orbit.

A mechanical typewriter resolved as a stepped isometric grid study, from its key field and carriage to the paper assembly and grounded base.

An open journal translated into a dimensional isometric grid, with layered pages, a central spine, structured linework, and the collection's soft monochrome lighting.

An analytics board resolved as a dimensional isometric grid: a two-row column field, a pair of line series floating on dropped stems, and a share ring whose sectors carry their own depth, all building themselves under a travelling scan head.

A milled shift gate that routes its chrome lever between Luna, Terra, and Sol model stops and five effort levels, lighting engraved plates before Ultra rattles and throws sparks.

A wedge-shaped 48-key keyboard with pierced metal plate, backlit legends, sculpted rows, a self-typing wordmark sequence, rippling key light, and a spark-struck Enter key.

A Class III vault whose handwheel dials through its combination, withdraws six glowing bolts, swings the circular door open onto a cyan-lit cavity, then closes with a shower of sparks.

A pedestal CRT with milled bezel and knurled controls that blooms from a power-on line into boot text, colour bars, and oscilloscope graphics before collapsing back to a phosphor dot.

An isometric keyboard with reactive keys and a floating command palette.

An orbiting light gizmo with responsive shadows and surface shading.

Vector anchors, handles, live guides, snapping, and tool selection.

A rotating wireframe globe with illuminated routes and regional markers.

An isometric editor with animated completions and inline code tools.

A stacked agent workspace with interactive task and diff motion.

An isometric terminal agent with animated command rows.

A line-drawn charging case with interactive opening and earbuds.

A procedural torus knot on a turntable with drag orbit and hover wireframe.

A minimal 24-key deck on the dock's pad: caps that strike and light one at a time, an indicator lamp answering every stroke, and a floating plate that fills with typed words before clearing.

A lit horizontal search bar seated on a two-tier plinth, with a magnifier puck sweeping through three stops while the groove fills behind it and each tick strikes — every mark bounded inside the bar's own outline.

A phone whose lit glass inverts the drawing to dark ink on light: twenty app tiles standing proud of the screen ride a diagonal lift wave while the dynamic island opens and hands off a floating notification.

A window standing where the dock's lid did: a load bar sweeps its divider, content pops in block by block, and a pointer walks to the call to action and presses it while the mouse on the pad travels with it.

A saddle-stitched leather bifold with a pocket wall, and three lit cards that fan up out of it in sequence — each spreading its own contact shadow as it climbs — before settling back flush.

The authored opening envelope, card, pen, and four physics-reactive coins.

A low-profile keyboard with a seamless Apple Magic Mouse positioned on its right.

A mirrorless camera with a deep animated lens and a compact four-rotor drone holding station above it.

A condenser microphone in its yoke behind a mesh pop filter, cabled to a desk console beside a monitor speaker.

A spiral notepad whose top sheet lifts off the block, with a pencil across it and a cup of coffee steaming beside it.

The original hero warp: 400 emerald streaks and 40 luminous tiles through deep-space fog.

160 tumbling glyphs wandering off the rails while the streak field keeps the corridor moving.

72 lit mechanical keycaps tumbling through a 900-spark particle wake.

1,200 ice-blue streaks stretched down a scrolling tunnel toward a pulsing jump core.

A tactile stack of three Japanese koi studies with CSS 3D depth, pointer tilt, drag and keyboard navigation, pixel-mask reveals, and animated halftone imagery.

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 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.

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.