Drag to rotate + silky inertia
Auto-rotate with hover slowdown
Per-icon links (same tab or new tab)
Depth fade, border & glow options
Fully responsive: % radius & % icon size
Drop SatelliteIcons on the canvas.
Add up to 20 icons (SVG/PNG/WebP or URLs).
Adjust Sphere Radius (%) & Icon Size (%). Preview → drag, hover, click.
Tech stack
Client / sponsor wall
Social links
“Used by” sections
Portfolio hero
Content: Icons (image file or URL) • Link • Open in new tab • Alt text
Layout: Sphere Radius (%) • Icon Size (%) • Corner Radius (%) • Background
Motion: Auto-Rotate • Rotation Speed • Drag to Rotate • Slowdown on Hover (+ Amount) • Reverse Rotation • Rotation Axis Tilt (+ Randomize) • Random Start Rotation • Paused
Visual: Icon Border Color • Icon Border Width (px) • Icon Shadow Color • Icon Shadow Intensity (0–1) • Depth Fade (0–1)
Accessibility: ARIA Label
Drag to rotate + silky inertia
Auto-rotate with hover slowdown
Per-icon links (same tab or new tab)
Depth fade, border & glow options
Fully responsive: % radius & % icon size
Drop SatelliteIcons on the canvas.
Add up to 20 icons (SVG/PNG/WebP or URLs).
Adjust Sphere Radius (%) & Icon Size (%). Preview → drag, hover, click.
Tech stack
Client / sponsor wall
Social links
“Used by” sections
Portfolio hero
Content: Icons (image file or URL) • Link • Open in new tab • Alt text
Layout: Sphere Radius (%) • Icon Size (%) • Corner Radius (%) • Background
Motion: Auto-Rotate • Rotation Speed • Drag to Rotate • Slowdown on Hover (+ Amount) • Reverse Rotation • Rotation Axis Tilt (+ Randomize) • Random Start Rotation • Paused
Visual: Icon Border Color • Icon Border Width (px) • Icon Shadow Color • Icon Shadow Intensity (0–1) • Depth Fade (0–1)
Accessibility: ARIA Label
