Vaporwave Y2K
Star Warp
110 cyan, magenta, and violet stars stream outward from a glowing vanishing point with warp-trail streaks and perspective scaling.
canvasmedium complexitymoderate motion
Open on the canvas to copy the code → Free account · 3 copies a day · membership goes unlimited
Worth keeping?
Votes steer what gets built next — sign in to cast one, free to read
When to use it
Vaporwave or retro-futurist hero backgrounds, loading screens, ambient screensaver-style displays on dark UIs.
When not to
Light-background layouts (background hardcoded deep purple). Contexts where motion competes with foreground text.
Working with an AI agent
Every component ships agent-ready metadata. An example instruction for this one:
Change SPEED from 130 to 220 for a faster warp effect, increase N from 110 to 180 stars, and shift COL[0] to '255,200,0' for a gold accent.
Safe to edit
- star count (N=110)
- warp speed (SPEED=130)
- star color palette (COL array)
- vanishing point height (CY=h*0.42)
- perspective focal length (FOCAL=320)
Keep intact
- DPR-aware canvas sizing
- visibilitychange pause/resume
- reduced-motion static fallback (draw(0) early return)
- IIFE wrapper
Known limitations
- Background gradient hardcoded in CSS — must edit --vw10-bg and radial-gradient to change color scheme
- No pointer interactivity — stars ignore cursor position
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.