I built a thing. It's called ShapeSoup 🍲
A seed-based SVG pattern engine that cooks beautiful, deterministic backgrounds from a simple config + seed.
Same seed = same soup. Every time.
→ shapesoup.com
Here's what it does:
> 13 Generators — Blob scenes, mesh gradients, Bauhaus posters, topographic lines, dot matrices, wave layers, and more. Each one deterministic from a seed.
> Export Everything — SVG, PNG (1x/2x/4x), JSX, CSS background, React component, animated SVG, even batch export as ZIP.
> Shareable URLs — Every pattern has a unique link. Change the seed, share the URL, your friend gets the exact same pattern.
> Hand-Drawn UI — Wobbly borders, hard shadows, paper textures. Built with Next.js + Tailwind + Zustand. Open source on GitHub.
> Works Anywhere — Core is pure TypeScript. Zero browser dependencies. Drop it into Node, Deno, React, Next.js, or plain HTML.
pnpm add @shapesoup/core
No sign-up. No credit card. Just seeds and SVGs.
Cook your first pattern → shapesoup.com/playground