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.
β https://t.co/Sh4bA5ttuL
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 β https://t.co/gLLi1yOhay
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.
β https://t.co/Sh4bA5ttuL
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 β https://t.co/gLLi1yOhay
@cmd_dj221 Thank you soo much sir β€οΈ your comment means a lot. Also yes this mini tool is a side quest i needed to do before jumping on the bigger project where ill use this. There was no npm package for these generators thats why i needed to make this.