Patterns are a useful resource for website design. Filling the background with a full-blown image is no longer a useful solution today as the variety of devices and screen resolutions in the market make it difficult to adapt to them all, although it is true that the latest plugins and scripts offer solutions such as automatic image resizing. Patterns are similar to those images that are indefinitely repeated either horizontally or vertically. That makes a lot more sense today where usability is concerned, especially in responsive design
Today we've compiled Patterns Galleries, CSS3 Patterns, Pattern Generators, a selection of examples of websites using background patterns and many resources that collect toons of free patterns available for your designs.
There are numerous websites that offer complete resource galleries to download patterns: some of them can be found on the sites we list here:
Collection of free vector beautiful patterns! Easy to customize and edit with layer styles and vector shapes.
SVGeez - Background Patterns
Fun, funny and easy to use SVG backround patterns for your website! Get free CSS code of chosen pattern.
DinPattern is a pattern design resource for designers, artists, web developers and social network users that enjoy customizing their pages.
SVG Backgrounds is a library of cool graphic background patterns which you can customize! You can also preview chosen pattern and see how it will look on the full website.
Cool Backgrounds is a collection of patterns, graphics and images for your backgrounds. You can customize them by changing color.
If you don't just like the patterns that are available in the galleries you can always turn to pattern generators to make your custom patterns to your liking. Some include the option to generate as CSS3 code rather than as an image file.
Generate high quality background patterns for your website in few clicks. With this tool you can export them as images or CSS code.
PatternPad is an online built pattern generator. You can choose one pattern you like from their library and customize it or make your own one with different shapes!
Start doodling with generated patterns! With Tabbied you are able to create them so easy. Choose a design from their collection and customize it with your colors and new settings.
Icons Pattern - Flaticon
Flaticon has a huge library of vector icons. Now you can use them to make custom patterns with inside built online generator.
Trianglify - Low Poly Pattern Generator
Trianglify allows you to generate low-poly patterns, textures and vectors. Customize colors, shapes, size of work and more.
Repper Pattern Maker
Easy and fun pattern creation tool! Play with settings, make your unique piece and download it in JPG or PNG format.
Adobe Creative Cloud Pattern Generator
Adobe Creative Cloud is offering online tool to create vibrant graphical patterns. Use your favorite image and photos or choose one from Adobe!
Examples of websites with patterns:
Below we've selected a few examples of websites that use this design resource, either in backgrounds or in other areas of the site: