Monochrome components and templates
Explore 58 ThreeUI components, templates, backgrounds, and interactive effects tagged Monochrome, with previews and editable implementation source.
- Cathode — Workstation
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.
- Cathode — Console
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.
- Cathode — Studio
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.
- Cathode — Cinema
The complete Cathode hero UI around the cinema variant: tripod camera rig, matte box, monitor, panel light, slate, navigation, launch copy, and primary CTA.
- sublevel.studio
A digital studio and brand workshop presented as a tactile black-and-white operating system: modular project cells, a floating utility dock, service diagnostics, team profiles, lab experiments, and a terminal-like contact close.
- Foldwork
A complete monochrome product-studio hero whose divided headline surrounds a sparkling procedural form inside a perspective grid, framed by precise navigation, availability, and contact details.
- Meridian Slow Matter
A monochrome applied-fluid hero where voxel wax drifts through a transparent vessel, framed by pixel typography, technical telemetry, selectable phases, and a tactile set-it-drifting control.
- Cathode Workstation — Workstation
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.
- Cathode Workstation — Console
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.
- Cathode Workstation — Studio
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.
- Cathode Workstation — Cinema
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.
- 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.
- Globe — Energy Orb
The original layered FBM energy sphere with translucent rim glow and depth-aware star field.
- Globe — Tangled Constellations
Monotone glyph chains wander a dimensional sphere, collide with pinned stars, and respond to drag and pointer contact.
- Globe — Network Globe
A dotted continent mesh on a luminous dusk horizon with crossing gradient routes, sparks, hover highlights, and click-launched arcs.
- Terrain Plume — Alpine
DesignCode 5’s exact engraved range: fourteen hand-placed massifs, ridged couloirs, a foreground fir band, and the monochrome plume behind them.
- Terrain Plume — River
A meandering river cut through the same hidden-line valley, with firs and broadleaf trees crowding both banks and the plume reflected down the channel.
- Terrain Plume — Desert
Wind-rippled dunes running under flat-topped buttes, with saguaros, boulders, and scrub engraved across the near band and a warm plume on the horizon.
- Terrain Plume — Bridge
A suspension crossing over a night bay: braced towers, catenary cables, lamp-lit deck, and a lit skyline on the far shore doubled in the water.
- Orbital Dust
A luminous dust planet suspended in a black star field, with a tilted particle axis, a responsive orbital ring, pointer attraction, and click-triggered shockwaves that scatter across the globe.
- Grid Illustrations — Keyboard
A compact isometric keyboard built as a pale dimensional grid with raised keycaps, a slim frame, soft grounding shadow, and damped pointer orbit.
- Grid Illustrations — Typewriter
A mechanical typewriter resolved as a stepped isometric grid study, from its key field and carriage to the paper assembly and grounded base.
- Grid Illustrations — Journal
An open journal translated into a dimensional isometric grid, with layered pages, a central spine, structured linework, and the collection's soft monochrome lighting.
- Grid Illustrations — Charts
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.
- Line Illustrations — Keyboard
An isometric keyboard with reactive keys and a floating command palette.
- Line Illustrations — Lighting
An orbiting light gizmo with responsive shadows and surface shading.
- Line Illustrations — Design Tools
Vector anchors, handles, live guides, snapping, and tool selection.
- Line Illustrations — Globe
A rotating wireframe globe with illuminated routes and regional markers.
- Line Illustrations — Code Tools
An isometric editor with animated completions and inline code tools.
- Line Illustrations — Codex
A stacked agent workspace with interactive task and diff motion.
- Line Illustrations — Claude Code
An isometric terminal agent with animated command rows.
- Line Illustrations — AirPods
A line-drawn charging case with interactive opening and earbuds.
- Line Illustrations — 3D Model
A procedural torus knot on a turntable with drag orbit and hover wireframe.
- Isometric Illustration — Keyboard
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.
- Isometric Illustration — Search
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.
- Isometric Illustration — Phone
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.
- Isometric Illustration — Browser
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.
- Isometric Illustration — Wallet
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.
- 365 Shapes — Cube
The original six-plane glass cube paired with a pixel-built CUBE wordmark.
- 365 Shapes — Triangle
A sharp triangular glass prism paired with a pixel-built TRIANGLE wordmark.
- 365 Shapes — Hexagon
A balanced six-sided glass prism paired with a pixel-built HEXAGON wordmark.
- 365 Shapes — Pentagon
A faceted five-sided glass prism paired with a pixel-built PENTAGON wordmark.
- Structure Flow — Structure Flow
A masked white particle dome drifting across a dark field.
- Structure Flow — Emerald Horizon
A deep emerald shader glow rising from an organic moving horizon.
- Structure Flow — Orbital Sphere
A violet particle synthesis sphere with encrypted orbital rings and luminous data nodes.
- Structure Flow — Dot Matrix
A cyan breathing dot matrix with radial depth fade and smoothed pointer drift.
- Structure Flow — Expanse Field
A full-screen ShaderMaterial expanse isolated from its original editorial layout.
- Structure Flow — Logic Core
An isometric platform, illuminated logic core, and orbiting nodes.
- Structure Flow — Dimensional Field
Dimensional architecture composed from two authored ShaderMaterials.
- Structure Flow — Data Field
A global-data Three.js network visual isolated from its dashboard frame.
- Structure Flow — Topology Field
A rotating topology graph with connected nodes and rhythmic point pulses.
- Structure Flow — Nebula
An indigo FBM nebula with pointer drift, breathing light, and vignette.
- Structure Flow — Fluid Field
A blue-violet animated fluid ShaderMaterial.
- Structure Flow — Ember Storm
A 12,000-particle ember vortex with additive heat grading and flicker.
- Structure Flow — Flux Vortex
A blooming particle vortex with spiral filaments and post-process glow.