Subscribe
Sign in
Hero Patterns
p/hero-patternsA collection of repeatable SVG background patterns
Start new thread
Steve Schoger

Hero Patterns - A collection of repeatable SVG background patterns

by
Top Product

Add a comment

Replies

Best
Chris Lin
a...are these free? I love these! Nice and subtle. :D
Steve Schoger
Top Product
Maker
@chris_lin1 Absolutely... and always will be free.
Chris Lin
@steveschoger Awesome - I'll use them for sure! And give credit where it's due, of course. Thanks!
Steve Schoger
Top Product
Maker
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.
Guled Ahmed
Circuit board pattern.👌👌👌👌👌👌👌💯
Rich Infante
These are awesome!
Steve Schoger
Top Product
Maker
@richinfante Lots more to come!
Michael Flynn
@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.
Steve Schoger
Top Product
Maker
@_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.
Michael Flynn
@steveschoger I'm using Firefox on OS X.
Will Kidger
@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 :)
Marco Marandiz
@cameronrohani this might come in handy!
Shahed Khan
Top Product
Yessssssss. Thank you so much for making this.
Adam
Nice work, man! 👍🏼👍🏼
John Pagley
@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?
Steve Schoger
Top Product
Maker
@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.
John Pagley
@steveschoger Free patterns and icons...thanks! I'll be adding this to my web design resource collection.
Keyul
This is awesome. Color selection for background and foreground and CSS code are the cool features.
Sameer Kapur
This is quite useful! Looking forward to adding to a few of my projects :') thanks @steveschoger
Thomas Kimura
These are awesome!
Jiazheng Shi
this reminds me of Markov random field. good job
Antoine FRANZ
Really useful @steveschoger ! Good job :)
William S Huxley
Great work! Looking forward to seeing the collection grow.
Brad Bitler
awesome!
seán pjpgr doran
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/
Shuvo Khan
Awesome