Motion library / Current collection

One material. More possibilities.

Explore sixteen distinct compositions with the depth, colour and glow of the original dots.

16 dot compositions

Wave

Composition

Round particles flow through a folded wave of blue, cyan and violet.

Surface

MidnightLight

Scale1.25×

Use 1–1.5× for a complete particle composition. Larger scales crop into the form.

Dispersion0.15

Ordered form to dispersed fragments.

Speed0.6×

Round particles move in three dimensions. Scale changes the framing; dispersion loosens the structure.

Preview reduced motion

Your device’s reduced-motion preference is respected automatically.

Use this background

The HTML below follows your settings. Keep your text and buttons in ordinary HTML above the decorative layer.

<div class="av-entropy" data-av-entropy="dots-wave"
  data-av-surface="dark" data-av-disorder="0.15"
  data-av-speed="0.6" data-av-scale="1.25">
  <img class="av-entropy-poster"
    src="/assets/motion/dots-wave-dark.svg?v=2.8.6" alt="">
</div>

Include css/entropy.css, then js/entropy-core.js, js/field-core.js, js/dot-core.js and js/entropy.js with defer, alongside the library foundations.

Quietly responsive

Visible work previews move together. Other sections have one leading scene. Offscreen and hidden-tab animation pauses; the footer controls all motion.

Content stays readable

Use the supplied hero layout to keep text on a calm surface, with motion flowing around it.

A still frame is enough

Every shape includes a static SVG fallback. The layout remains complete when animation is paused or JavaScript is unavailable.