∞ forever components

Retro & Glitch

ASCII shimmer

Grid of ASCII ramp characters shimmers through interfering radial and plasma waves in green-teal hues; character density and wave center follow the pointer.

canvasmedium complexitymoderate 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/terminal-aesthetic hero backgrounds, hacker-themed UIs, or ambient screensaver displays on dark backgrounds.

When not to

Light-color UIs (background hardcoded dark green-black). Contexts requiring legible foreground text — the shimmer competes with readability.

Working with an AI agent

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

Change the character ramp from " .:-=+*#%@" to " ░▒▓█", shift the hue base from 140 to 220 for a blue palette, and slow the wave speed by changing t+=0.035 to t+=0.018.

Safe to edit

  • character ramp (chars variable)
  • wave speed (t += 0.035)
  • hue range (140 + v*60)
  • cell density divisor (30 / 46)
  • wave frequency coefficients (0.6, 0.35, 0.4)

Keep intact

  • visibilitychange pause / cancelAnimationFrame
  • prefers-reduced-motion guard (t freeze)
  • DPR-independent canvas sizing with cell cap
  • IIFE-free but scoped const/let block

Known limitations

  • No DPR scaling — canvas renders at CSS pixel resolution, looks soft on high-DPI displays
  • Cell size cap logic (divisor 46) may leave noticeable gaps at very wide aspect ratios

asciicanvasretroglitchplasmapointergenerative

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.
  • 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.
  • Fake terminal typingGreen-on-black CRT terminal auto-types a fake boot sequence with randomized keystroke delays, scanline overlay, and blinking block cursor; loops continuously.