Chris Messina

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.

Add a comment

Replies

Best
Chris Messina
I mean, when your last name is Visiwig, you're destined to build cool design tools, no? πŸ˜„
Matt Visiwig
@chrismessina Haha, thanks! My father worked at a font foundry and my mother designed magazine layouts.
Matt Visiwig
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
Bogdan Ionita
Looks beautiful, really comes in handy
Matt Visiwig
@bogdan_ionita Thank you Bogdan, that made my day.
Roman Tkachenko
Interesting product)!
Matt Visiwig
@romtos Thanks Roman!
Jim Engine
Vector Pattern Generator is simply awesome!
Matt Visiwig
@officialexaking Thanks Jim, glad you find it awesome!
AnΔ±l KΔ±lΔ±Γ§
That smoothness is trippy.
Matt Visiwig
@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 :)
Daryll Wong
A really well built product! True svg and the level of control over this is insane.
Matt Visiwig
@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.
Janet Walker
Nice product. Congrate on the launch.
Colin Smith (EzChile)
Very cool indeed! Well done.
Alfonso LΓ³pez
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 :)
Matt Visiwig
@alfonsoldc Wow, unexpected but truly appreciated. Thank you for taking the time to look around and SHARE it Alfonso!
David Sundar
How Original
Matt Visiwig
@davidsundar Thanks David!
Victor G. BjΓΆrklund
Nice. I just found myself playing with the patterns just for fun. Awesome site. Can't wait to find a reason to use it.
Matt Visiwig
@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!
Mohmed Spray
Keep up the great work.
Matt Visiwig
@mohmedspray I sure will, thanks Mohmed!
Adam Kane
Interesting. I will follow the project.
Matt Visiwig
@adamkane4 Thanks Adam, I promise it will be worth it to follow the journey :)
Amanda Ramirez
Terrific
Matt Visiwig
@amandaramirez6 Thanks Amanda!