Patternbolt is a fine selection of SVG pattern background, packed in a single or SCSS (or CSS ) file.

Just put it in your project and add the right class to your elements. You can easily change pattern color and the pattern size changing the background css property, check the demo page to see how to do it. The pattern is added in a “after” element and your original element still be inalterate and ready for manipulations. As they are vectors they never pixelate, not even on retina screens.

svg-patterns

There are 16 available background pattterns but more coming soon.

svg-pattern-background

Demo & Source

Author

Designbeep is a design blog dedicated to web developers,bloggers,designers and freelancers.Our aim is to share everything about web design,graphic design,tutorials and inspirational articles and more.