Typography components and templates
Explore 67 ThreeUI components, templates, backgrounds, and interactive effects tagged Typography, with previews and editable implementation source.
- Fathomless
A continuous underwater descent through a pointer-responsive kelp forest, drifting marine snow, twilight water, and midnight bioluminescence, with a rotating typographic ring and four interactive WebGL illustration plates.
- Bestsellers Book Showcase
The complete Field Manuals book showcase, preserved unchanged with its editorial layout, authored motion, interactions, and embedded media.
- 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.
- MATTER
An experimental studio landing page with a kinetic chrome-and-glass sculpture, architectural typography, an interactive object gallery, and a scroll-driven physics playground.
- Tangelo
A cinematic wallet landing page with sculptural blue glass, dimensional serif typography, a guided payment walkthrough, floating cards, a currency calculator, testimonials, and a complete mobile app story.
- Ashforge
A pixel-art model foundry with an interactive CRT terminal, a hovering robot, ember-lit ruins, product chapters, model comparisons, pricing, and a cinematic forge footer.
- Anteroom
A spatial, brand, and motion studio journey that descends from a sunset-plaster anteroom through a reflective waterline into a submerged archive, luminous pearl, seabed typography, paper menu, and peel-away project contact form.
- ThreeUI Rings
A complete ThreeUI library hero wrapped around concentric typographic rings whose glyphs melt into dots, wire into a chaotic mesh, and carry pointer-triggered ripples through the field.
- 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.
- Velara Vortex
A full-screen brand-and-motion studio hero pairing precise editorial typography with a layered ring of 12 image cards that follows an authored vortex sequence and leans into pointer engagement.
- Tideform
A complete studio hero with a radial phase-field lattice, pointer-warmed crests, click-triggered ignition rings, character-level heading reactions, and restrained editorial navigation.
- 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.
- Trochil Hummingbird — Hummingbird
The authored page's own scene: a 390,000-point hummingbird whose wings are skinned in the vertex shader into a real swept blur, hovering over a bed of trumpet blossoms, flying to a standoff from the cursor whenever the pointer moves.
- Trochil Hummingbird — Sakura
A butterfly on a cherry branch: forewings and hindwings filled by area off their own outline tables, veined and lit at the margin, settling onto a limb hung with five-petal blossoms while cut petals tumble through the frame — the ember ramp regraded plum to blossom.
- Trochil Hummingbird — Reef
A deep-bodied reef fish over a coral shelf, driven by a travelling body wave that yaws each section into its own turn, with staghorn heads, boulder coral and sea fans below and sun shafts fed into the density buffer so the light through the water carries the same dot lattice.
- Trochil Hummingbird — Abyss
Eight jellyfish rising through midnight water: one bell built once and stamped out through a per-vertex seed, each on its own contraction phase, its oral arms and tentacle veil inheriting the squeeze a stroke late — the nearest one leans its crown toward the cursor.
- 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.
- Tideform Phase Field — Phase Field
The authored field with nothing taken from it: a flat lattice of dots with a crest travelling out from the centre, warming to amber as it passes. Only the page's editorial layer is gone, so the background is the field and nothing else.
- Tideform Phase Field — Stone Ridge
The same field on a ground plane instead of a table: ridged fractal ranges in brown stone standing off behind a scree floor, with the authored crest sweeping over them and its embers turned to a low sun on rock.
- Tideform Phase Field — Pine Canopy
The same ground plane as forested hills, under a closed conifer canopy laid out in lattice space so a crown is always a few dots wide, with the accent turned from orange to the green-gold the light comes through as.
- Tideform Phase Field — Open Swell
No terrain at all: four crossed wave trains rolling back to the horizon, glitter carried in lattice space, and the authored crest expanding across the water with its accent turned to the blue the sea throws back.
- Cross Beam — Cross Beam
The original horizontal wash crossed by a vertical shaft with a sliding glow.
- Cross Beam — Ring Beam
The beam bent into a circle, with an arc of light running the circumference.
- Cross Beam — Frame Beam
A thin border hugging the viewport edge, lit by a highlight travelling the perimeter.
- Cross Beam — X Beam
Two 45° shafts crossing at the centre, their glows taking turns down each arm.
- Spark Badge — Badge
The original Codex credential assembled from luminous rain and curl-noise embers.
- Spark Badge — Browser
A complete browser window and page layout illustrated with the exact same rain, spark, waterline, and dissolve effect.
- Spark Badge — iPhone
A modern iPhone silhouette with Dynamic Island, app UI, icon grid, dock, and home indicator formed from the same living spark field.
- Spark Badge — Studio Display
A widescreen studio monitor with camera, creative workspace, tool rail, inspector, timeline, architectural stand, and base formed from the same sparks.
- Typography Vortex
Sable’s complete rotating typography vortex with crisp prerendered rings, drifting glyphs, pointer dissolution, particle dust, and click suction — with dark and light surfaces.
- Semantic Bloom
A customizable Codex wordmark that draws a viscous particle organism toward its letters, illuminating the text as the network searches and reconnects.
- Text Path Studies — Globe Type Study
A typographic world sphere with drag rotation, wheel zoom, pointer lighting, and click-to-pin markers.
- Text Path Studies — Outline Typeflow
Letters trace a multi-loop outline with hover acceleration, illumination, and click-burst particles.
- Text Path Studies — Morphing Glyph Cloud
A paired glyph field morphs between radial silhouettes with breathing motion, scatter, and pointer repulsion.
- Text Path Studies — Cloth
A Verlet sheet of letters responds to pointer wind and direct grabbing while its live weave deforms every glyph.
- Text Path Studies — Ripple
Clicks send overlapping weighted wavefronts through a seeded 24 × 24 typographic grid.
- Text Path Studies — Ball
A depth-sorted glyph sphere accelerates on hover and sheds click-hit letters before regrowing its surface.
- 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.
- Volta Atelier
The isolated Volta Atelier opening section: an oversized typographic frame around an eleven-card, pointer-reactive studio collage with ambient dust and producer details.
- Book of Japan
A dark hardbound reader for an original seven-chapter essay on Japan, with responsive typesetting, light-ink brush plates, richly textured boards, page-edge depth, and a physically modelled paper curl.
- 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.
- Warp Field — Warp Field
The original hero warp: 400 emerald streaks and 40 luminous tiles through deep-space fog.
- Warp Field — Letter Storm
160 tumbling glyphs wandering off the rails while the streak field keeps the corridor moving.
- Warp Field — Keycap Drift
72 lit mechanical keycaps tumbling through a 900-spark particle wake.
- Warp Field — Hyperspace
1,200 ice-blue streaks stretched down a scrolling tunnel toward a pulsing jump core.
- Woven Cloth — Woven Cloth
The packaged Neuform export, untouched: an ivory banner with a crimson hem and the Woven Cloth wordmark printed into the weave, pinned along its top edge.
- Woven Cloth — Iridescent Silk
A five-harness satin under a painted studio environment: a thin-film interference layer whose thickness sweeps one full order across the width, so the colour travels over the folds while the wordmark stays a tone-on-tone jacquard.
- Woven Cloth — Atelier Flag
The same sheet cut and sewn: three linen panels joined by flat-felled seams and topstitching, an indigo heading tape on the hoist with brass grommets and a mast, hemmed at the fly, and a woven label tacked on at the corner.
- Woven Cloth — Washi Noren
An indigo-dyed kozo noren on a wooden rod, backlit through a shoji: laid and chain lines from the papermaking screen, a torn deckle edge cut by an alpha mask, and slits that free three panels to sway on their own.
- Article Headings — Intro Text
The opening chromatic ThreeUI wordmark assembly, isolated to its first authored beat.
- Article Headings — Particle Wordmark
The Shaders wordmark materializes through a seeded field of drifting dots and squares.
- Article Headings — Audio Wordmark
Animated circular audio-bar fields paired with a compact ThreeUI wordmark and icon lockup.
- Finance Promo
A 24-second Aurel finance film with machined silver coins, cobalt emblems, a rolling $842M counter, macro material shots, dimensional typography, and pointer-driven orbit against a blue dithered atmosphere.
- Arca
A vivid portfolio and membership landing page for makers and galleries, with dimensional Pass cards, a rotating cube identity, oversized typography, image trails, a bending directory, and an interactive testimonial gallery.
- Codex Astra
A cinematic Codex promo featuring GPT-6 Astra: stars form a 6 inside a blue nebula, a brief star flight leads into typed prompts, and a conversation brings an idea to life.
- Understory Sting — Understory Sting
The statement lands beside the block as it turns once, then both leave to a clean loop seam.
- Sylva Sting — Sylva Sting
The world grows in behind an expanding wavefront, the statement lands, and the frame clears to its loop seam.
- Sylva Sting — Sylva Survey
The same scene cut into three two-second shots on one six-second loop: the survey pulse finishing on the arch's crown, the far ridge under open sky, then the whole root. Nothing is rebuilt between them — the camera cuts, and each shot carries a statement of its own.