Blocks · Backgrounds

Particle Field

Forty drifting accent particles populate the canvas — each with its own random delay and duration.

SLUG: bg-particle-fieldREACTS: timeDIAL: --bg-particle-amount / --bg-particle-count↩ Backgrounds

01 · live

Watch them drift

backgrounds · particle field

A quiet swarm of light.

Forty accent dots breathe in and out of their orbits — pure CSS keyframes, JS only spawns them.

View HTML

<section class="bpf-stage">
  <div class="bpf-field" data-bpf-field></div>
  <template data-bpf-template><span class="bpf-dot"></span></template>
  <!-- content -->
</section>

LSD blocks · Backgrounds · Particle Field

↩ All backgrounds