∞ forever components

Vaporwave Y2K

Palm Silhouette

Three swaying black palm silhouettes over a scrolling neon perspective grid, sliced sun, and magenta-to-gold CSS sunset sky with a chrome gradient title.

css+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/retro-aesthetic hero backgrounds, looping ambient screens, synthwave-themed landing pages.

When not to

Contexts requiring readable text overlays — the layered gradients and motion compete with content. Low-end devices running many tabs simultaneously.

Working with an AI agent

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

Change palm count to 4 by adding an entry to the palms array like {x:.35,s:.85,f:7}, and shift the grid color from cream to magenta by replacing rgb(235,213,162) with rgba(246,55,201) in drawGrid.

Safe to edit

  • palm positions and scales (palms array x/s/f values)
  • grid line count (k<14 horizontal, v range for verticals)
  • star count (SN=70)
  • sky gradient stops in #vw06-sky CSS
  • sway amplitude (sin multiplier *6*sc in palm())

Keep intact

  • IIFE wrapper
  • prefers-reduced-motion guard and static draw(0.4) fallback
  • visibilitychange stop/start handlers
  • DPR-aware canvas sizing with setTransform

Known limitations

  • Sun stripe mask uses -webkit-mask — solid in Chrome/Safari, may render incorrectly in older Firefox
  • No pointer interactivity — purely passive
  • Sky and sun are CSS-only and cannot be recolored from JS variables alone

vaporwavepalm-treesunsetgridsilhouettecanvasretro

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…
  • Cassette ReelsTwo chrome cassette reels spin with dashed cyan-and-magenta tape flowing between them over a scrolling neon grid and twinkling starfield.