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.
Report
@steveschoger This can be very useful for web developers (those who are not professional designers). I counted 40 patters. Will you be releasing more in the near future?
@johnpagley I hope to do a bi-weekly release with 20 new patterns each time (no promises). Eventually I would like to invite contributors but in the meantime its a one man show. Follow me on Twitter for updates. Also, check out www.zondicons.com - another free resource that I am working on and constantly updating.
Report
@steveschoger Free patterns and icons...thanks! I'll be adding this to my web design resource collection.
Report
@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 :)
Report
Reminds me of Subtle Patterns – in a good way. Right away used a pattern for my current project.
Smart with the Base64 encoding 👍
http://subtlepatterns.com/
Tailwind CSS
Tailwind CSS
Tailwind CSS
The Flip Wallet
Tailwind CSS
The Flip Wallet
Vaunt
Tailwind CSS