Retro components and templates
Explore 18 ThreeUI components, templates, backgrounds, and interactive effects tagged Retro, with previews and editable implementation source.
- Quadrix
A copper-edged HOSHI phone floating above a terminal grid, with a live tetromino simulation, five cycling display modes, bitmap typography, pointer orbit, and inertial drag rotation.
- CRT — Terminal
The authored 19-row Zion boot log typing itself onto green phosphor, now resolved at the full backing resolution so the glyph cores stay crisp behind the grille.
- CRT — Cinematic
A monotone academy leader: letterboxed frame, sweeping countdown dial, scrolling film perforations, registration marks, and a running 24 fps timecode graded to pure luminance.
- CRT — Blue Screen
A retro signal-fault panel on saturated broadcast blue, torn by shader-side transport noise: per-row jitter, a rolling dropout band, head-switching scramble, and heavy static.
- CRT — Nintendo
An 8-bit console title screen drawn on a 320×180 grid with a hand-authored 5×7 pixel font and nearest-neighbour upscale, so every sprite, brick, and letter lands on a hard pixel edge.
- 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.
- 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.
- Animated Top Dock — Sable Dock
The authored Sable dock: a centred glass capsule whose items spring downward and widen as the pointer crosses them.
- Animated Top Dock — Command Bar
An inset modern header: wordmark on the left, the proximity dock centred on the bar’s midline, and a paired sign-in and gradient call to action on the right.
- Animated Top Dock — Pixel Terminal
A fitted terminal strip: the menu cells own the whole bar and trade width with each other, over a WebGL noise field quantised through an 8×8 ordered dither into an eight-stop dusk palette.
- Animated Top Dock — Liquid Glass
A vertical glass rail whose proximity field runs down the y axis, over a Three.js bead field that refracts the backdrop in screen space with per-channel dispersion and a specular rim.
- 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.