Globe
A dotted globe that rotates slowly with two orbit rings. The dots use --primary and the rings blend --primary with --muted-foreground. Fully theme-awa
A dotted globe that rotates slowly with two orbit rings. The dots use --primary and the rings blend --primary with --muted-foreground. Fully theme-aware and offline.
Customize
Props
| Prop | Type | Default | Description |
|---|---|---|---|
dots | number | 1800 | Number of surface dots. |
speed | number | 0.3 | Rotation speed multiplier. |
size | number | 0.035 | Dot size. |
className | string | — | Classes for the wrapper element (set its height here). |
theme | "auto" | "light" | "dark" | "auto" | Color source. auto reads the live shadcn theme. |
dotsnumberNumber of surface dots.
1800speednumberRotation speed multiplier.
0.3sizenumberDot size.
0.035classNamestringClasses for the wrapper element (set its height here).
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
"auto"FloatingCard3D
A flat card floating in 3D space that tilts toward the cursor with spring smoothing. The surface uses --background with --border edges. Overlay real H
Halo
A glowing energy core wrapped by tilted orbit rings, each carrying a small satellite. Colors blend --primary, --accent and --muted-foreground.