Copy+Paste icons into HTML, CSS, or Illustrator (free)
Start new thread
Chris Messina

Vector Pattern Generator - Customize seamless patterns for the web

by
Raycast
β€’
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
Raycast
Hunter
I mean, when your last name is Visiwig, you're destined to build cool design tools, no? πŸ˜„
Matt Visiwig
Maker
@chrismessina Haha, thanks! My father worked at a font foundry and my mother designed magazine layouts.
Matt Visiwig
Maker
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
Maker
@bogdan_ionita Thank you Bogdan, that made my day.
Roman Tkachenko
Interesting product)!
Matt Visiwig
Maker
@romtos Thanks Roman!
Jim Engine
Vector Pattern Generator is simply awesome!
Matt Visiwig
Maker
@officialexaking Thanks Jim, glad you find it awesome!
AnΔ±l KΔ±lΔ±Γ§
That smoothness is trippy.
Matt Visiwig
Maker
@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
Maker
@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.
Matt Visiwig
Maker
@janetwa51822221 Thanks Janet!
Colin Smith (EzChile)
Very cool indeed! Well done.
Matt Visiwig
Maker
@colin_smith_ezchile_ Hey thanks Colin!
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
Maker
@alfonsoldc Wow, unexpected but truly appreciated. Thank you for taking the time to look around and SHARE it Alfonso!
12
Next
Last