∞ forever components

Retro & Glitch

Shift Register LFSR

Animated 16-bit LFSR diagram: glowing bit cells scroll right on a dark canvas with a pulsing feedback rail, XOR tap wires, and live hex clock readout.

canvasmedium complexitymoderate motionclick

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

Tech/hardware aesthetic hero sections, cyberpunk or retro-computing themes, CS education visualizations of linear feedback shift registers.

When not to

Audiences unfamiliar with circuit diagrams — the visual is opaque without context. Light-background layouts (background hardcoded dark green-black).

Working with an AI agent

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

Change the accent color from #a6ff00 to #00eaff and reduce bit count from N=16 to N=8 by also updating TAPS to a valid 8-bit maximal polynomial like [8,6,5,4].

Safe to edit

  • accent color (AC='#a6ff00')
  • bit count (N=16)
  • tap positions (TAPS=[15,13,12,10])
  • clock period (acc>=420)
  • scroll speed (dt*0.0016)

Keep intact

  • IIFE wrapper
  • prefers-reduced-motion guard with static fallback
  • visibilitychange pause/resume
  • DPR-aware canvas sizing

Known limitations

  • TAPS array must be a valid maximal-length polynomial for the chosen N — wrong taps produce short cycles
  • Click advances the register by one clock tick but also nudges scroll, coupling two concerns

retrolfsrcircuitbinaryphosphorgenerativemonochrome

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.