Playful Design

Fairy Gradients

Invisible body-flow paths guide soft thermal gradients, misty depth, and tiny glowing flight specks.

Installation

@playfuldesign/templates/react#river-puffer-pattern

Code preset

import { SvgPatternTemplate } from "@playfuldesign/templates/react";

<SvgPatternTemplate
  preset="river-puffer-pattern"
  color="#B9D84C"
  density={8}
  scale={23}
  grain={52}
  contrast={76}
  shape={54}
/>
Hold to reveal blobs

Fairy Gradients

Invisible body-flow paths guide soft thermal gradients, misty depth, and tiny glowing flight specks.