Blocks · Backgrounds

Code Rain

Matrix-style accent-tinted glyph rain — 28 mono columns fall at staggered speeds behind your content.

SLUG: bg-code-rainREACTS: timeDIAL: --bg-rain-amount / --bg-rain-cols↩ Backgrounds

01 · live

Glyphs in motion

backgrounds · code rain

Each column is one DOM node with its own duration and delay. CSS owns the loop, JS just fills the glyphs.

View HTML

<section class="bcr-stage">
  <div class="bcr-rain" data-bcr-rain></div>
  <!-- content -->
</section>

LSD blocks · Backgrounds · Code Rain