Hello everyone,
I am happy to introduce to you, Hero Patterns: A collection of repeatable SVG background patterns for you to use on your digital projects.
With SVG quickly growing as the preferred method for using graphics on the web, there are still few resources available in this format. I created Hero Patterns so that you can easily incorporate high quality backgrounds in to your digital products.
This is just the initial release. I plan to update it (hopefully) bi-weekly with new patterns. Eventually I would like to incorporate a way for other designers to contribute to it.
I am happy to answer any questions you may have about Hero Patterns. Follow me on Twitter @steveschoger for updates.
Special thanks to @adamwathan for helping me with all of the Javascript on the website.
@steveschoger This looks great, but changing the colors doesn't seem to do anything for me. Also when I try to use the pattern, I can't enter the hex codes that I want to use.
@_dev_noise Thanks for your comment, Michael. What browser are you on. I will have a look at the issue. In the meantime, you can simply change the color in the CSS code that you get for each pattern.
@steveschoger@_dev_noise I get this issue on Chrome on OSX too (typing/pasting hex doesn't apply change to patterns), but other than that really nice tool :)
The Flip Wallet
Tailwind CSS
The Flip Wallet
Tailwind CSS
Vaunt
Tailwind CSS
Tailwind CSS
Instant Logo Search
Available for Gmail