Orbital Loader

Live preview — fully interactive

The prompt

Build an orbital loader.

## Structure
- 160px system
- Core 24px glowing circle in the center
- Three orbit rings inset 22 / 10 / 0 px, each with a 10px satellite and a 2px conic-gradient tail

## Animation
- Core pulse: scale 0.82 + opacity 0.75, 1.6s ease-in-out infinite
- Orb

Full prompt (556 chars) unlocks after purchase

The code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body { background: #08080d; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; font-family: Inter, system-ui, sans-serif; color: #8a8

Complete self-contained HTML unlocks after purchase

About this effect

A compact loader: a pulsing core and three dots on 36 / 52 / 68px orbits, each with a different period. Tails are conic-gradient rings so the motion reads as speed, not just position.