Grain components and templates
Explore 42 ThreeUI components, templates, backgrounds, and interactive effects tagged Grain, 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.
- Attune
The complete attune hero page, preserved unchanged with its procedural Three.js Mars, orbital telemetry, dust haze, and full-bleed product layout.
- Terrane
A cinematic field-geology expedition story that moves from a living desert survey into layered field notes, an interactive journal, a flight through fourteen rock exposures, an aerial lens study, expedition cards, methodology, traveller accounts, questions, and a dusk landscape.
- Everbloom
An image-led fantasy codex hero with a blindfolded saint-knight, procedurally tooled book cases, falling blossom and smoke layers, pointer-lit candle reveal, and a four-chapter virtual descent.
- Cinder K1
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.
- ASCII Field — Vortex
Rings of type stacked into a receding funnel instead of one flat plane, each ring riding up past the next as the pointer moves, with a near/far light ramp shading the depth and motes drifting in the gaps between layers.
- ASCII Field — Tide
The stack laid flat as open water: twenty bands of type bent along a sine and spread from a horizon to the foreground, each one running a beat behind the one in front so the swell travels out of the frame.
- ASCII Field — Ridge
The stack read as a range: seven ridged silhouettes with type packed under each crest and thinning into the shadow below, separated so the front range travels ten times as far as the back under an ember dusk.
- ASCII Field — Canopy
The stack grown into a tree, where one layer is one branch: every limb is a strip of type pivoting on its own foot, carrying a depth drawn at generation time, so the crown opens into a volume in a green-black wood.
- 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.
- Mira CRT Wall
Mira Solvang's cold-blue CRT edit wall isolated as a full-frame background without navigation, portfolio copy, controls, reel UI, or section content.
- Gallery Heading — Matte Rise
Muted museum plates under one slow rise of noise, a light sans on wide tracking, and an ascending ring that springs up to speed instead of easing.
- Gallery Heading — Glitch Fall
Broadcast colour torn into flat blocks and slipped rows, with the headline breaking up into two channels over a descending counter-orbit.
- Gallery Heading — Riso Sweep
Print colour dithered to three tones over a lit corner, scanlines and heavy grain, under an old-style serif standing on a hard offset plate.
- Gallery Heading — Halftone Loop
One ink on one stock, shaded only by the size of the dots on a rotated screen, under a high-contrast didone on a tall reverse loop.
- 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.
- 3D Paper — Original
The original translucent Nocturne certificate with monochrome editorial typography, procedural glass texture, and a giant wordmark suspended behind the paper.
- 3D Paper — Site of the Year
A graphic Site of the Year award sheet with vivid lime scoring details, season XP, winner metadata, and the same tactile translucent paper motion.
- 3D Paper — Japanese
A Japanese recognition certificate with vertical display type, warm gold accents, bilingual details, procedural translucency, and direct inertial interaction.
- 3D Paper — Certificate
A formal typographic certificate edition with recipient signatures, structured award details, glass-like reflections, and the original responsive paper simulation.
- Noema Bloom — Bloom
The packaged scene: fifty-five petals in five whorls furl into a bud and open again on a seventeen-second cycle, deep indigo through cornflower into a white heart, under blue light shafts and a star field.
- Noema Bloom — Tulip
Twelve tepals bowed into a goblet on a leafed stalk, magenta through rose into a warm lip, held against a deep spring-green field with pale green light shafts.
- Noema Bloom — Sakura
Five notch-tipped petals turned flat to the lens around a forty-four filament corona, pale pink into white over a plum night, the blade lit from whichever face is toward the camera.
- Noema Bloom — Maple
A five-lobed toothed leaf laid flat to the lens, expanding from a furled shoot along its petiole, ember red through orange into gold with embers drifting off the blade.
- Halftone Keyboard — 60% Board
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.
- Halftone Keyboard — Journal
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.
- Halftone Keyboard — Typewriter
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.
- Halftone Keyboard — CRT
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.
- 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.
- Uplink Loader
A cinematic secure-uplink loader with stepped progress, illuminated telemetry ticks, neon readouts, technical corner markers, mirrored side rails, scanlines, and procedural grain.