Subscribe
Sign in
Vector Pattern Generator — Customize seamless patterns for the web
Patterns can spruce up any design and our generator makes customization a cinch. Click and paste your patterns into HTML, CSS, or export for your favorite vector software. Scale fullscreen patterns at a tiny file size, thanks to the format SVG.
30
Replies
Chris Messina
Top Hunter
Hunter
I mean, when your last name is Visiwig, you're destined to build cool design tools, no? 😄
Share
@chrismessina Haha, thanks! My father worked at a font foundry and my mother designed magazine layouts.
Nice. I just found myself playing with the patterns just for fun. Awesome site. Can't wait to find a reason to use it.
@victorbjorklund Thanks! My best tip for web websites is the benefit of SVG is you can use full screen graphics without worrying about file size. I think you can make some unique designs with large, subtle patterns at a slight slant. Enjoy!
Hello fellow hunters and makers! 👋
I'm happy to introduce my Vector Pattern Generator.
The old way to get patterns on websites was abandoned decades ago: repeating JPGs. The new approach, SVG, comes with a technical barrier that my tool removes: the need to manipulate code. As a web designer, I found the SVG element super powerful, but cumbersome to tweak patterns just right. I set out to create a tool to visually edit patterns instead.
I want to make design accessible to the masses, and offer my patterns and other graphics under the freemium model. No signups and a solid selection of free graphics for commercial use without attribution.
Thanks for checking them out!
P.S. My more ambitious goal is to create a collection of efficiency tools for busy designers. This is my third product launch, stay tuned for more:
👉 Twitter: twitter.com/MattVisiwig
👉 What projects I'm working on: visiwig.com/roadmap/
👉 Signup for alerts on the bottom of visiwig.com when new tools are released
👉 Product hunt: @mattvisiwig
@anilkilic1 Thanks Anıl. I've been wanting to try this type of animated transition for a while, and I'm happy with how they came out with the patterns. It required some tough math getting it just right, but worth it :)
@adamkane4 Thanks Adam, I promise it will be worth it to follow the journey :)
@daryllman Thank you Daryll! I'm tapping into the power of SVG, there is so much you can do with them, and I hope to continue to build new tools like this one.
I explored the site and both the icons and patterns look nice. I already passed the link to a developer friend, I think it will be very useful :)
@alfonsoldc Wow, unexpected but truly appreciated. Thank you for taking the time to look around and SHARE it Alfonso!