DEV Community

loading...

CodePen - Generative SVG Noise Grid Pattern Maker 🎨

George Francis
UI developer ⚡️ Generative everything ❤️ I write about creative coding & front-end development ✨
・1 min read

I'm a huge fan of these kinds of noisy grid patterns, and I wanted to add some to my in-progress personal site. Rather than tinkering away in Figma, I thought I would make a little generator.

I hope some other folks find it useful! 🚀

Discussion (4)

Collapse
moritzsalla profile image
Moritz Salla • Edited

Slick! Funnily enough I made something similar some weeks ago: parametric-mosaics.vercel.app/.

Screenshot

Collapse
georgedoescode profile image
George Francis Author

Oh no way! Very cool. It's a great approach to designing little patterns/textures and one that definitely has a bunch of potential, great to see someone else on the same wave! 🚀

Collapse
allroundio profile image
allround.io

That's really neat! 🙌

Collapse
georgedoescode profile image
George Francis Author

Thank you!