∞ forever components

Vaporwave Y2K

Window Cascade

9 retro Y2K UI windows fall and stack in a staggered cascade above a rolling neon perspective grid, striped chrome sun, and twinkling starfield.

cssmedium 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 themed hero sections, nostalgia-driven landing pages, retro OS aesthetic backgrounds.

When not to

Contexts requiring legible overlaid text — cascading windows dominate visual attention. Low-end devices may struggle with 9 simultaneously animating elements plus grid scroll.

Working with an AI agent

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

Change TITLES array to ['BOOT','KERNEL','SHELL','PROC','HEAP','STACK','NET','IO','BUS'], set --vw09-cyan to #00ff99, and slow the fall cycle to 9s.

Safe to edit

  • window count (N=9)
  • window titles (TITLES array)
  • fall duration (6s in .vw09-win animation)
  • grid scroll speed (vw09-roll 2.4s)
  • color variables (--vw09-cyan, --vw09-mag, --vw09-vio)
  • stagger delay (i*0.62)

Keep intact

  • IIFE wrapper
  • prefers-reduced-motion guard and static fallback
  • visibilitychange pause handler

Known limitations

  • No touch/pointer interactivity — purely passive
  • Window horizontal offsets use fixed % math that may clip on very narrow viewports (<280px)
  • 26 star spans injected into DOM — minor markup overhead

vaporwavey2kwindowscascaderetro-uiperspective-gridcss-animation

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.