unvibed.
Menu
Free UI audit
All motion techniques

Particles.

Mark the first approved proof with a single burst of ink flecks. The approval stays visible after the flecks disappear.

Proof awaiting approval

Resting states
Proof awaiting approval → Proof approved
Reduced motion
The approval mark and label appear immediately. The ink flecks stay hidden.

Implementation excerpt

@keyframes scatter {
  to { transform: translate(var(--x), var(--y)); opacity: 0; }
}

Where Unvibed uses it

This public print-desk example is the site’s demonstration of particles.

Related design directions