∞ forever components

Vaporwave Y2K

Hologram Flux

Cyan-magenta hologram bar with scanlines and chromatic edges flickers over a scrolling perspective neon grid and starfield; mirror reflection fades below.

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, cyberpunk loading screens, retro-futurist splash pages needing ambient sci-fi atmosphere.

When not to

Layouts requiring legible text overlaid on center — the hologram bar occupies the focal zone. Avoid on light-background UIs (background is hardcoded deep purple).

Working with an AI agent

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

Change hologram core to electric green by replacing '#22d3ee' and '#9af7ff' with '#00ff88' and '#afffda', and slow scanline scroll by changing t*0.02 to t*0.008.

Safe to edit

  • hologram bar size (bw/bh ratios)
  • flicker range (0.81+0.19*sin)
  • scanline step (step=6)
  • chroma drift speed (t*0.0021)
  • grid scroll speed (t*0.00009)
  • star count (NS=90)

Keep intact

  • IIFE wrapper
  • prefers-reduced-motion guard (reduce → single static frame)
  • visibilitychange pause/resume
  • ctx.save/restore around bar transform

Known limitations

  • Flicker capped to 0.6–1.0 range for safety but cannot be fully removed without rewriting bar()
  • Background split between CSS and canvas — must update both to retheme
  • Static glow div does not reposition if bar layout changes

hologramvaporwavescanlineschromatic-aberrationgridstarfieldcanvas

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