Hardware components and templates
Explore 17 ThreeUI components, templates, backgrounds, and interactive effects tagged Hardware, with previews and editable implementation source.
- OP–XY
A cinematic portable synthesizer and sequencer showcase with a 3D instrument, detailed controls, sound engines, sequencing, and connectivity.
- AERA 01
A mixed-reality headset experience with a spatial desktop, immersive visor world, wallpaper gallery, cinema, and product exploration.
- MK·78 Keyboard
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.
- NOEMA N1
A complete humanoid robotics launch page with a full-bleed N1 hero, scroll-assembled body, technical specification sheet, exploded anatomy, domestic-use film, grip-force control, Series A gallery, parts knoll, and reservation configurator.
- Kestrel 65
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.
- Nexus Pro X
A precision gaming-controller product story built around a cinematic 3D hero, hardware callouts, adaptive triggers, haptics, performance telemetry, finish selection, and a complete purchase journey.
- Wallet — Wallet
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.
- Wallet — Keyboard
The authored mechanical keyboard with procedural keycaps, a CODEX row over a Voice bar and a microphone glyph, LED telemetry, and animated presses.
- Wallet — Mouse
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.
- Wallet — Remote
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.
- Retro Metallic — Agent Selector
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.
- Retro Metallic — Type-48 Keyboard
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.
- Retro Metallic — Vault-01
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.
- Retro Metallic — CRT-14
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.
- Mechanical Wallet Motion — Cascade
The exact mechanical wallet stays fully readable above one stitched mono message that tracks through the lower negative space with the lateral cadence of cards entering and leaving their slots.
- Mechanical Wallet Motion — Slots
The exact mechanical wallet cut into three 2-second shots: the near half's deck as a card rides out of its slot; the far half's deck under the fold; then the whole standing bifold — each shot framed on the cards actually working inside it and carrying its own statement, closing on Carry only what matters.
- Retro Shift Gate
The exact agent selector keeps its full-screen black industrial stage while one three-line command advances in uncropped mechanical strokes and pivots into the clear side band on compact stages.