∞ forever components

Retro & Glitch

Plasma Sine Field

Demoscene plasma of five interfering sine waves rendered low-res and upscaled for a molten blur; palette cycles through cyan, magenta, and violet.

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/demoscene hero backgrounds, dark creative portfolios, screensaver-style ambient loops needing intense color motion.

When not to

Light-background UIs (background hardcoded dark navy). Contexts with text overlays or users sensitive to high-motion color cycling.

Working with an AI agent

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

Change palette to warm amber/red by setting PAL sine offsets to 0.0, 1.05, 2.1, then slow cycle by reducing t*1.6 to t*0.8.

Safe to edit

  • palette sine offsets (0.0, 2.1, 4.2)
  • palette cycle speed (t*1.6)
  • cell coarseness divisor (72)
  • pointer boost strength (boost=2.4)
  • time step multipliers (0.013, 0.021, 0.009)

Keep intact

  • low-res offscreen buffer + imageSmoothingQuality upscale (molten blur effect)
  • IIFE wrapper
  • reduced-motion static fallback
  • visibilitychange pause/resume

Known limitations

  • Per-pixel CPU loop — heavy on low-end devices
  • Background color hardcoded in CSS (#05031a)
  • Click boost resets quickly; not suitable as persistent interaction state

plasmademoscenecanvassine-waveretrogenerativecolor-cycling

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.