Experiments

A subtle, hand-drawn boil

This whole block sits behind an SVG displacement filter. The turbulence seed steps a few times a second, so the edges shiver as if the page were sketched by hand and re-drawn frame by frame.

Open Boil Studio — fullscreen pattern generator →

Still readable

The displacement is tiny, so text stays crisp and legible. Nudge the displacement slider up to see where "alive" tips over into "underwater".

Discrete motion

Because we change the seed attribute (rather than animating with CSS), the wobble jumps in steps instead of gliding - the trick behind the boil look.

  • Rectangles get rounded, restless corners
  • Straight rules turn into pencil strokes
  • Circles breathe gently

Organic gradient

A hand-mixed blend

Two colours meeting along a soft noise mask. Flip the boil toggle to make the blend edge shiver.