Seedling
Generative Sketches
A garden note can embed a live, interactive React island. This one is a deterministic flow field drawn from a seeded PRNG — same seed, same picture.
It ships zero JavaScript until you scroll it into view, then hydrates
(client:visible) and runs entirely in your browser. A plain .md note like
Welcome to the Garden ships no client JS at all.
seed: 7
Press New seed to redraw. Because the randomness is seeded, every seed is a
reproducible image — refresh and seed 7 always looks the same.
The pattern: author the component in src/components/demos/, import it into an
.mdx note, and drop it in with a client:* directive. See the Colophon for
the full stack.