∞ forever components

Retro & Glitch

Bad VRAM Sweep

A magenta sweep beam corrupts a hex-glyph memory grid column by column, producing byte-flip smears, scanline jumps, and cyan inversions before cells self-heal.

canvasheavy complexityintense motionpointer

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

Retro/cyberpunk hero backgrounds, loading screens for dev tools, hacker-aesthetic landing pages.

When not to

Light-mode UIs (background hardcoded dark purple). Contexts where text legibility over the canvas matters.

Working with an AI agent

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

Change the sweep accent from magenta to electric green by setting r=46, gr=255, b=80 in the hot>0.55 branch, and update the beam gradient stops to rgba(46,255,80,0.55).

Safe to edit

  • sweep speed (t*0.55 multiplier)
  • corruption window width (d<7)
  • glyph palette (GLYPH string)
  • accent color (rgb values in hot branches)
  • dead-cell probability (hash < 0.10)
  • smear intensity (cw*2.2*k)

Keep intact

  • DPR-aware canvas sizing + bgC offscreen bake
  • visibilitychange pause/start guard
  • prefers-reduced-motion static fallback (single draw call)
  • IIFE wrapper

Known limitations

  • Background color hardcoded as #0a0410 in both CSS and JS fillRect — must change both to retheme
  • Pointermove nudge only shifts sweep phase laterally; no vertical interaction
  • Heavy per-cell hash calls each frame — may drop frames on very large viewports at high DPR

glitchretrovramhex-gridcanvascorruptionscanline

More Retro & Glitch components

  • CRT scanline screenGreen-phosphor CRT terminal: rolling CSS scanlines, vignette, glowing oscilloscope wave, blinking boot-text rows, and random canvas glitch flashes.
  • VHS tracking distortionVHS test-pattern color bars with 46-slice horizontal jitter, random tear events, a rolling tracking bar, and chroma-split REC text on a dark vermillion…
  • Pixel-art sprite marchThree rows of 8x8 two-frame pixel sprites march across a scrolling starfield at varying speeds; pointer horizontal position controls march speed.
  • ASCII shimmerGrid of ASCII ramp characters shimmers through interfering radial and plasma waves in green-teal hues; character density and wave center follow the pointer.
  • Dot-matrix tickerAmber LED dot-matrix marquee scrolling GAME OVER / INSERT COIN / HIGH SCORE across a dim dot grid. Custom 5x7 bitmap font with pulsing brightness per column.
  • Neon arcade signPink neon ARCADE sign with CSS flicker animations and a yellow chasing-light marquee around a glowing pink border frame.