A premium particle globe for web heroes: a dense luminous spherical core with a thin orbital ring in real three.js points, tilted for depth, with restrained glow and accents taken from the brand colour.
By Meng To @MengTo Feb 3, 2026
## Scope - Apply only to a globe-like 3D particle visualization. - Do not change full page layout, copy, or unrelated motion systems. - Use for planetary, orbital, infrastructure, or synthesized data-globe effects. - Keep the core neutral or white-hot and derive ring/glow accents from the design's primary color. […] ## Visual Target - Dense spherical core of luminous points. - Thinner outer orbital ring or flattened disc around the sphere. - Clear globe silhouette with tilt, depth, and layered particle density. - Dark atmospheric background, restrained glow, clean structure, and subtle sci-fi depth. - Premium and cinematic, not playful or noisy. […] ## Taste Rules - The silhouette must read as a globe, not a loose starfield. - The ring should feel orbital and tilted, not like a flat decorative underline. - Use restrained glow; let density and depth create the premium feel. - Keep mouse response gentle so the object drifts rather than swings. - Put the globe over a dark background or inside a dark atmospheric shell. […] ## Avoid - Generic starfield noise with no spherical structure. - Oversized particles or bloom that destroys the globe silhouette. - Hardcoded accent colors when the design has a clear primary color. - Wild cursor interaction or fast spinning. - Dense fog that turns the object into a blurry blob.
From Meng To's repo, under the MIT license.
An interactive three.js camera-focus explainer: turn the focus ring and the glass elements shift, sliding the plane of…
An interactive Raptor 3 rocket engine you can cut open in the browser: follow oxygen and methane through both turbopump…
A playable three.js scene: a wooden riverboat poled upstream through feudal-Japan mountain valleys with dynamic weather…
An architectural build-up in three.js with TSL: a house evolves from first lines to massing, detail and the finished ho…