∞ 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 motionmobile-ready

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 →
1

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.