∞ forever components

Vaporwave Y2K

Retro Orbit

Four neon wireframe shapes orbit a glowing magenta sun on tilted ellipses with depth sorting, over a scrolling perspective grid and twinkling starfield.

canvasmedium complexitymoderate motion

Open on the canvas to copy the code → Free account · 3 copies a day · membership goes unlimited

Live demo — the real component, running in a sandbox. One self-contained HTML file, zero dependencies. Open it on the canvas →
Worth keeping? Votes steer what gets built next — sign in to cast one, free to read

When to use it

Vaporwave/Y2K hero backgrounds, retro-futuristic loading screens, ambient space scenes on dark layouts.

When not to

Light-mode UIs (background hardcoded dark purple). Contexts needing legible text overlay — constant motion competes with reading.

Working with an AI agent

Every component ships agent-ready metadata. An example instruction for this one:

Change the sun halo color from magenta to gold (#facc15), add a fifth body with shape='tri', col='#facc15', a=1.6, e=0.35, tilt=0.10, spd=0.12, ph=2.1, sz=0.13, spin=0.4.

Safe to edit

  • orbit body definitions (bodies array — a, e, tilt, spd, ph, sz, spin, col)
  • color palette (MAG, CYAN, VIO, WHT constants)
  • star count (NSTAR=90)
  • grid scroll speed (t*0.20)
  • orbit center vertical position (CY=H*0.30)
  • UNIT scale (Math.min(W,H)*0.28)

Keep intact

  • painter's-order back/front split loop (critical for depth illusion)
  • DPR-aware canvas resize
  • visibilitychange stop/start guard
  • prefers-reduced-motion single static frame fallback

Known limitations

  • Background color split between CSS (#160a2a) and a CSS div halo — must edit both to retheme
  • No pointer interactivity; adding mouse repulsion requires tracking mousemove and injecting a fifth attractor body

vaporwaveorbitwireframegeometrystarfieldperspective-gridspace

More Vaporwave Y2K components

  • Neon GridMagenta vanishing-point grid scrolls toward the viewer over a banded sunset sky and retro sun with scan slits. Classic vaporwave canvas loop.
  • Chrome TypeChrome extruded text slowly rotates via horizontal squash above a vaporwave sunset and neon perspective grid. Metal gradient has cyan, magenta, and gold…
  • Scanline SunA striped retro sun rises and bobs over a scrolling cyan perspective grid, beneath a magenta-to-amber sky with twinkling stars and full-frame scanline…
  • Glint SweepFive diagonal specular glints sweep left-to-right across a glossy chrome plane over a neon vaporwave grid; a chrome title bar reflects its own moving…
  • Palm SilhouetteThree swaying black palm silhouettes over a scrolling neon perspective grid, sliced sun, and magenta-to-gold CSS sunset sky with a chrome gradient title.
  • Cassette ReelsTwo chrome cassette reels spin with dashed cyan-and-magenta tape flowing between them over a scrolling neon grid and twinkling starfield.