Globe
Interactive 3D globe with connection arcs and glow effects.
three3dglobeinteractivewebgl
Installation
Terminalbash
npx motioncraft add globeUsage
globe.tsxtsx
import { Globe } from "@/components/three/globe";
<Globe className="h-96" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Additional CSS classes |
Related Components
Floating Shapes
3D floating geometric shapes with gentle rotation and bounce.
Particle Morph
NewParticle system that smoothly morphs between geometric shapes (sphere, cube, torus, spiral). Direction-aware coloring.
Scroll Progress 3D
New3D scene that rotates and scales based on page scroll progress. Wireframe icosahedron with direction-aware coloring.
Gradient Mesh
NewMulti-point animated mesh gradient that adapts to the active direction. Supports interactive mouse tracking.