Illustration components and templates
Explore 28 ThreeUI components, templates, backgrounds, and interactive effects tagged Illustration, with previews and editable implementation source.
- Sketchbook
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.
- 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.
- 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.
- Isometric Motion Grid — Figure Grid
The original six-figure specimen sheet: three columns of hairline product scenes, each with its own timeline and its own pointer camera.
- Isometric Motion Grid — Hero
A split hero where the headline sits opposite a field console: a console and a signal mast set apart on one deck, with the panel and the pass chip parked in their own corners of the frame.
- Isometric Motion Grid — Testimonials
Three quote columns under one rule, each carrying its own figure: a quote plate rising in place, a score settling on a dial, and three records lifting lane by lane.
- Isometric Motion Grid — Contact
A hairline contact form beside a dispatch dock, where the dock and keypad sit apart on one deck and the outgoing message and its acknowledgement park in opposite corners.
- Isometric Motion Grid — Footer
A bottom-anchored footer whose link columns sit above a full-width module rail — seven evenly gapped bays on one bar, scanned end to end on a six-second sweep.
- 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.
- Isometric Mail Light Shafts — Mail
The authored opening envelope, card, pen, and four physics-reactive coins.
- Isometric Mail Light Shafts — Keyboard + Mouse
A low-profile keyboard with a seamless Apple Magic Mouse positioned on its right.
- Isometric Mail Light Shafts — Camera + Drone
A mirrorless camera with a deep animated lens and a compact four-rotor drone holding station above it.
- Isometric Mail Light Shafts — Microphone
A condenser microphone in its yoke behind a mesh pop filter, cabled to a desk console beside a monitor speaker.
- Isometric Mail Light Shafts — Notepad
A spiral notepad whose top sheet lifts off the block, with a pencil across it and a cup of coffee steaming beside it.
- Sketchbook
The exact Singapore paper sketchbook with nested-strip page curls, direct dragging, tilt, zoom, a movable magnifying glass, and its complete authored plate set.
- Diagnostics Panel — Layered Planes
Five floating isometric planes with a highlighted top layer and a cropped scan-line core.
- Diagnostics Panel — Node Cubes
Five synchronized wireframe cubes forming a softly animated diagnostic node cluster.
- Diagnostics Panel — Flowing Mesh
An isometric wire mesh that continuously ripples around a focused central peak.