SatelliteIcons
Turn a static logo grid into a smooth, interactive 3D icon sphere that users can drag, hover, and click. Perfect for tech stacks, partners, or social badges.
Made with Workshop
Build your own component with AI
Highlights
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
Quick start
Drop SatelliteIcons on the canvas.
Add up to 20 icons (SVG/PNG/WebP or URLs).
Adjust Sphere Radius (%) & Icon Size (%). Preview → drag, hover, click.
Use cases
Tech stack
Client / sponsor wall
Social links
“Used by” sections
Portfolio hero
Options
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
