Globe Spinner

A 3D wireframe globe spinner with orbiting rings.

npx arupui add globe-spinner
Preview

Usage

globe-spinner.tsx
import { GlobeSpinner } from "@/components/blocks/globe-spinner"

<GlobeSpinner size={200} speed={3} />

Props

size
Type: numberDefault: 200
color
Type: stringDefault: hsl(var(--primary))
speed
Type: numberDefault: 3
Theme Editor

Theme

Radius0.5rem
Letter Spacing0em

Colors

light