globe-particles

What problem does it solve?

It solves the problem of creating a premium, globe-like 3D particle visualization that looks like a synthesized planetary “data globe” instead of a generic starfield.

Core Features & Use Cases

• Dense luminous globe core: A bright spherical cluster of crisp circular particles to define a clear planetary silhouette.
• Orbital ring or flattened disc: A thinner, tilted secondary particle population that reads as an orbit layer.
• Brand-aware color tuning: Neutral/white-hot core color with accent coloration derived from the design’s primary brand accent.
• Tuned motion & depth: Subtle rotation, gentle pointer drift, shader falloff for depth layering, and reduced-motion support.
• Use Case: Apply when designing a hero section or section background that needs a cinematic planetary effect without changing page layout or unrelated animations.

Quick Start

Use the globe-particles skill to render a tilted globe-like particle scene by mounting the provided canvas element and initializing Three.js with the globe particle recipe.