SatelliteIcons

SatelliteIcons

About SatelliteIcons

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

  1. Drop SatelliteIcons on the canvas.

  2. Add up to 20 icons (SVG/PNG/WebP or URLs).

  3. 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