Globe components and templates
Explore 25 ThreeUI components, templates, backgrounds, and interactive effects tagged Globe, with previews and editable implementation source.
- Betawise
The complete Betawise attribution page, preserved unchanged with its normal-extruded stroke globe in Three.js, its starfield and orbital arcs, and the authored WebGL2 liquid-metal CTAs.
- Betawise Globe — Earth
The authored globe: Natural Earth's coastlines dotted over a dark ocean, great-circle flight paths running between two dozen cities, and a starfield thinned around the limb — landing on the same pull-back the four derived worlds use.
- Betawise Globe — Moon
One grey and nothing else: the maria at their real selenographic centres, three octaves of impact cratering over near side and far side alike, and Tycho's ray system thrown clear across the disc.
- Betawise Globe — Mars
The albedo map a small telescope shows — Syrtis Major, Hellas, Solis Lacus — over an impact record: twenty named craters and basins at their real radii, three octaves of unnamed ones thinning northward across the crustal dichotomy, the Tharsis volcanoes with a bright shield and a dark caldera, and a seasonal cap at each pole.
- Betawise Globe — Saturn
The zonal flow banding the globe, and Cassini's own ring radii rebuilt on the flight-path layer: every route becomes one short chip of ice, and the comet that used to run a route becomes the glint that crosses it.
- Betawise Globe — Sun
Granulation over the supergranular network, spot groups with an umbra inside a penumbra inside a ring of faculae, and the routes regrown as prominence arcades with plasma climbing one leg of each loop and falling down the other.
- 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.
- 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.
- 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.
- 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.