Blocks · Backgrounds

Paper Grain

Living paper-grain noise via animated feTurbulence. Felt, not seen. Pairs with any base gradient.

SLUG: bg-paper-grainREACTS: time (subtle)DIAL: --bg-grain-amount↩ Backgrounds

01 · live

Editorial-tier calm

backgrounds · paper grain

Texture without weight.

A barely-there noise layer breathes over a warm base gradient — the room is alive, the page stays calm.

View HTML

<section class="bpg-stage">
  <div class="bpg-grain">
    <svg><filter id="bpg-noise"><feTurbulence ...><animate .../></feTurbulence></filter>
      <rect width="100%" height="100%" filter="url(#bpg-noise)" />
    </svg>
  </div>
</section>

LSD blocks · Backgrounds · Paper Grain

↩ All backgrounds