Component theme

Retro & Glitch

20 components, each a single self-contained HTML file — no frameworks, no build step. Preview them here, or see them live on the canvas.

• 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.
• 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.
• Datamosh blocksGrid of color blocks from a shifting gradient; random tiles smear and chroma-split magenta/cyan to simulate datamoshing. Click to burst all blocks.
• Chromatic aberration pulseThree RGB-offset copies of concentric rings and a bold glyph pulse in screen blend mode, rotating and tracking the pointer with scanline flicker.
• 8-bit loading barPixel-art loading screen with a 16-segment green-to-red progress bar, bobbing sprite, dot-animated "NOW LOADING" text, and yellow percent counter. Auto-loops.
• Bad VRAM SweepA magenta sweep beam corrupts a hex-glyph memory grid column by column, producing byte-flip smears, scanline jumps, and cyan inversions before cells…
• Bayer Dither DissolveGreen-on-dark chunky pixel grid animated with 4x4 Bayer ordered dithering; concentric ripple rings breathe in and out, warped by pointer position.
• Sync Roll BarsAmber CRT test-pattern rolls vertically with a tearing sync seam, horizontal jitter, upward bright bands, and scanlines. Pointer/click accelerates the roll.
• Plasma Sine FieldDemoscene plasma of five interfering sine waves rendered low-res and upscaled for a molten blur; palette cycles through cyan, magenta, and violet.
• Copper BarsSix glossy multicolor raster bars bob sinusoidally over a twinkling starfield with specular sheen and scanline overlay — a classic demoscene copper-bars…
• Glyph Corruption CascadeGreen monospace glyph grid with a descending wavefront corrupting ASCII into flickering box-drawing mojibake; cursor nudges the corruption band.
• JPEG Quantize CrushSynthetic image oscillates through JPEG-like artifacts: blocky 8x8 DCT cells, color banding, and ringing pulse in waves. Pointer/click boost quality.
• Tape Head Switching NoiseVHS head-switching dropout: frayed hash-noise band on the lower third, rising scanline ghosts, and a snapping chroma-split desync slice. Click boosts chaos.
• Shift Register LFSRAnimated 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.
• Rotozoom TextureChunky-pixel violet-and-cyan checker texture rotates and breathes in a continuous demoscene rotozoom; cursor drifts the plane, click boosts zoom.