∞ forever components

Vaporwave Y2K

Glint Sweep

Five 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 highlight.

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 or Y2K hero backgrounds, loading screens, retro-aesthetic product pages needing ambient chrome shimmer.

When not to

Layouts requiring readable text overlaid on the plane — the sweeping glints fight legibility. Light-mode UIs (background is hardcoded dark purple).

Working with an AI agent

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

Change the glint palette to warm gold by setting hu values to 0 for all 5 glints and adjusting the mix() call so r=255, gn=200, b=80, then slow sweep speed by multiplying time*0.06 down to time*0.035.

Safe to edit

  • glint count (N=5)
  • glint speeds (sp array)
  • glint widths (wd array)
  • glint hue mix (hu array, 0=cyan, 1=magenta)
  • sweep speed multiplier (time*0.06)
  • chrome bar width (bw = Math.min(W*0.66, 320))

Keep intact

  • IIFE wrapper
  • prefers-reduced-motion guard with static drawScene(2.4) fallback
  • visibilitychange stop/start
  • DPR-aware canvas sizing

Known limitations

  • Background color is split between CSS radial-gradient and canvas fills — must edit both to change palette
  • Chrome bar has no text; add ctx.fillText after restoring context if a label is needed
  • Static starfield re-seeds every frame (deterministic, not a bug, but stars never twinkle)

vaporwaveglintchromegridspecularambientbackground

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…
  • Retro OrbitFour neon wireframe shapes orbit a glowing magenta sun on tilted ellipses with depth sorting, over a scrolling perspective grid and twinkling starfield.
  • 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.