∞ forever components

Retro & Glitch

Rotozoom Texture

Chunky-pixel violet-and-cyan checker texture rotates and breathes in a continuous demoscene rotozoom; cursor drifts the plane, click boosts zoom.

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 or demoscene hero backgrounds, glitch-aesthetic loading screens, generative art displays needing hypnotic ambient motion.

When not to

Contexts requiring legible overlaid text or low-end mobile — the per-pixel canvas loop is CPU-bound and the constant motion is distracting.

Working with an AI agent

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

Change the palette by setting A=[0x00,0x00,0x00], B=[0x11,0x11,0x11], C=[0xff,0x40,0x00], D=[0x99,0x22,0x00] for a dark ember theme, and increase chunk size P to 6.

Safe to edit

  • chunk pixel size (P=Math.round(...))
  • palette colors (A, B, C, D arrays)
  • rotation speed (t*0.011)
  • zoom breath amplitude (0.45*Math.sin(t*0.013))
  • pointer drift strength (px-0.5)*40

Keep intact

  • IIFE wrapper
  • prefers-reduced-motion guard (static frame at t=120)
  • visibilitychange pause/start
  • low-res canvas + pixelated scaling pattern

Known limitations

  • Per-pixel CPU loop — heavy on low-end or battery-constrained devices
  • Background color hardcoded in CSS (#1b0033) — must edit separately to change
  • No ARIA role on canvas — purely decorative use only

rotozoomdemosceneretrocheckerpixelcanvasgenerative

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.