∞ forever components

Vaporwave Y2K

Chrome Type

Chrome extruded text slowly rotates via horizontal squash above a vaporwave sunset and neon perspective grid. Metal gradient has cyan, magenta, and gold bands.

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 sections, retro splash screens, dark ambient backgrounds needing bold chrome type.

When not to

Light backgrounds (all colors hardcoded dark/neon). Contexts needing legible text nearby.

Working with an AI agent

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

Change TEXT to "VAPOR", shift faceG top stop to #ffe4ff for pink chrome, and slow rotation by changing e*0.9 to e*0.45.

Safe to edit

  • word content (TEXT = "CHROME")
  • rotation speed (e*0.9 in Math.cos)
  • chrome face gradient stops (faceG)
  • sun/sky colors in skyG and sun gradient
  • grid line opacity and color (strokeStyle rgba values)

Keep intact

  • offscreen background buffer (bg/bgctx) for perf
  • IIFE wrapper
  • prefers-reduced-motion guard + static fallback
  • visibilitychange pause/resume

Known limitations

  • Background colors hardcoded — must edit CSS + skyG stops to change theme
  • Rotation is a horizontal squash illusion, not true 3D — distorts narrow letters unevenly

vaporwavechrometypographyperspective-gridcanvasretro3d-text

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