--- title: "Freebie Friday: Patterns, galore!" description: Who doesn't love free resources? Check out these free seamless pattern resources. image: https://designers.hubspot.com/hs-fs/file-2582664627-gif/Designers-Hubspot-v2/Blog_Images/2015/freebie-friday-patterns-patternlibrary.gif --- # [![Hubspot](https://www.hubspot.com/hubfs/HubSpot_Logos/HSLogo_color.svg "Hubspot") Designers](https://designers.hubspot.com) # Latest CMS Developer Posts # HubSpot CMS Blog ## Freebie Friday: Patterns, galore! Written By [Sapphire Reels](https://designers.hubspot.com/blog/author/sapphire-reels) on Mar 6, 2015 3:30:00 PM - [Tweet](https://twitter.com/share) There’s no such thing as a free lunch, or so they say. Well, we’re about to prove “them” wrong. Thanks to the design mavens of the world who are kind enough to share their expertise, websites filled with free resources are in abundance these days. While this great for the industry, oversaturation tends to make it hard to weed out less than quality content to find valuable resources. That’s why we’re leveling the playing field. Tune in on every other Friday, when we will bring you some of the web’s best FREE (!!) resources that fulfill your design needs, wishes, and desires. This week, we’re focusing on Patterns. Whether you're looking to completely overhaul your website or are making minimal design changes, having an arsenal of patterns at your disposal will allow you to create a visually appealing websites that attracts visitors. Patterns are the perfect way to give your “boring” looking page a pop of color or a hint of texture that will ultimately contribute to your site's ability to engage visitors. In today’s world of responsive design, patterns matter even more. Check out the resources below to step up your pattern game to the next level. ** ** # **Pattern Galleries:** ## **![freebie-friday-patterns-patternlibrary](https://designers.hubspot.com/hs-fs/file-2582664627-gif/Designers-Hubspot-v2/Blog_Images/2015/freebie-friday-patterns-patternlibrary.gif?width=630&name=freebie-friday-patterns-patternlibrary.gif)** ## **[The Pattern Library](http://thepatternlibrary.com/)** The Pattern Library complies patterns from top designers that can be used freely for all your design projects. View their vast collection of patterns in a grid format or scroll through full-screen views to choose the pattern that speaks to you the most. Truly, I could scroll through just this one site all day. A project headed up by Claudio Guglieri and Tim Holman, you’ll find that there is an excellent variety of high, quality seamless patterns. If you are a pattern maker yourself looking to share your work, send your site URL, Twitter name, and tileable pattern to [patterns@thepatternlibrary.com](mailto:patterns@thepatternlibrary.com).   ## **![freebie-friday-patterns-subtle](https://designers.hubspot.com/hs-fs/file-2593704715-png/Designers-Hubspot-v2/Blog_Images/2015/freebie-friday-patterns-subtle.png?width=645&name=freebie-friday-patterns-subtle.png)** ## **[Subtle Patterns](http://subtlepatterns.com/)** Subtle Patterns offers over 400 free patterns, the only caveat being that you provide credit if you chose to use on of their designs. What I enjoy the most about subtle patterns is the fact that they *are* subtle; if bright color or vivid imagery just isn’t your thing, subtle patterns can give you the bit of texture that your site needs. Enjoy this resource? You can speed up your workflow by purchasing the [photoshop plugin](http://plugin.subtlepatterns.com/) to have to patterns fed directly into Photoshop.  ![freebie-friday-patterns-css3](https://designers.hubspot.com/hs-fs/file-2571886951-png/Designers-Hubspot-v2/Blog_Images/2015/freebie-friday-patterns-css3.png?width=648&name=freebie-friday-patterns-css3.png) ## **[CSS3 Patterns Gallery](http://lea.verou.me/css3patterns/)** Sometimes, an image is just not enough. Patterns generated by code are a great alternative and further serve to increase the effectiveness of your site by reducing load times. If you’d like more insight into CSS3 patterns, check out this [comprehensive post](http://24ways.org/2011/css3-patterns-explained) from Lea Verou. Not only does Lea deliver on an explanation, she also follows through with providing a gallery of CSS3 patterns submitted by high-caliber designers. Lea’s standards are high, so expect to find patterns that present new techniques that are worth the effort to implement. Please note, not all browsers support CSS3, so consider that in your decision-making process. You can also try [SVGPatterns](http://philbit.com/svgpatterns/) for more browser support.   # Pattern Generators: Pattern generators can solve a variety of pain points. If you’re a designer or developer creating a client site and want to present different pattern options to a client, a generator may provide the flexibility to quickly make changes in color or pattern elements without needing to use design software. Perhaps you are a marketer who’s strong suits don’t include illustrator or Photoshop, in which pattern generators would free you from limitations on technical knowledge. In any case, these generators are particularly helpful.   ![freebie-friday-patterns-bgpattern](https://designers.hubspot.com/hs-fs/file-2593704720-png/Designers-Hubspot-v2/Blog_Images/2015/freebie-friday-patterns-bgpattern.png?width=667&name=freebie-friday-patterns-bgpattern.png) ## **[BGPatterns](http://bgpatterns.com/)** BGPatterns was developed by Sergii Iavorskyi and offers an extremely easy-to-use interface. Easily create patterns by choosing from pre-made shapes and using tools to change colors, background canvases, transparency, rotation, and more. Upon loading the site, you are met with a pre-designed pattern – simply click a shape on the page to manipulate the pattern or start a new one from scratch. When you’re finished, download the .png file to begin using your patterns.   ## **![freebie-friday-patterns-patternizer](https://designers.hubspot.com/hs-fs/file-2593704725-png/Designers-Hubspot-v2/Blog_Images/2015/freebie-friday-patterns-patternizer.png?width=662&name=freebie-friday-patterns-patternizer.png)** ## **[Patternizer](http://info.patternizer.com/)** Patternizer takes the work out of creating patterns. Created by Matthew Lein and Dave Johnson, Patternizer utilizes stripes to build patterns, giving you control over colors, rotation, stroke, and more. This developer friendly generator is great as it generates code that can be utilized with patternizer.js (see more in the [Demos & Documentation](http://info.patternizer.com/docs) section of the site).   ![freebie-friday-patterns-geopattern](https://designers.hubspot.com/hs-fs/file-2587761849-gif/Designers-Hubspot-v2/Blog_Images/2015/freebie-friday-patterns-geopattern.gif?width=630&name=freebie-friday-patterns-geopattern.gif)  ## **[GeoPattern](http://btmills.github.io/geopattern/geopattern.html)** GeoPattern generates seamless svg patterns. This is a fun one: simply type on the screen and a random pattern will be generated. You can save the svg pattern and bring it into your designs.    ***What are some of your favorite pattern resources? Let us know in the comments!***   *[![Subscribe to Hubspot's Designer Blog](https://no-cache.hubspot.com/cta/default/327485/0a1c3db1-9724-4b6d-8989-5f88625bbb1a.png)](https://cta-redirect.hubspot.com/cta/redirect/327485/0a1c3db1-9724-4b6d-8989-5f88625bbb1a) * Topics: [Free Resources](https://designers.hubspot.com/blog/topic/free-resources) ![](https://designers.hubspot.com/hubfs/sapphire-reels.jpg) ### [Sapphire Reels](https://designers.hubspot.com/blog/author/sapphire-reels) Sapphire is a Northeastern University Alum and a product marketer at HubSpot. By day, she enjoys dabbling in graphic design and storytelling. By night, you can find her watching mockumentaries or being a foodie. [LinkedIn](http://www.linkedin.com/in/sapphirereels) [Twitter ](https://twitter.com/TheReelsDeal) | [Website](http://www.sapphirereels.com/) ### Stay Up To Date 👇 [![Learn how to code on HubSpot CMS](https://no-cache.hubspot.com/cta/default/327485/48f45cc1-54a9-4ef7-a5a0-7d5dd9d1125b.png)](https://cta-redirect.hubspot.com/cta/redirect/327485/48f45cc1-54a9-4ef7-a5a0-7d5dd9d1125b) This is a search field with an auto-suggest feature attached. - There are no suggestions because the search field is empty.   [![Join the HubSpot CMS Developer Slack](https://no-cache.hubspot.com/cta/default/327485/cdc804dc-ef60-407e-be85-eae710c82187.png)](https://cta-redirect.hubspot.com/cta/redirect/327485/cdc804dc-ef60-407e-be85-eae710c82187) [![Ask questions in the CMS Developer Forum](https://no-cache.hubspot.com/cta/default/327485/c010e1d7-342f-49bf-90f3-b7a0ec528d8f.png)](https://cta-redirect.hubspot.com/cta/redirect/327485/c010e1d7-342f-49bf-90f3-b7a0ec528d8f) [![Join the free CMS for Developers Course](https://no-cache.hubspot.com/cta/default/327485/d2de59e8-c568-4db8-b61e-d091317736ed.png)](https://cta-redirect.hubspot.com/cta/redirect/327485/d2de59e8-c568-4db8-b61e-d091317736ed) [![View the HubSpot API Documentation](https://no-cache.hubspot.com/cta/default/327485/29dd2781-ed8c-40a1-bd07-7ff1137a16eb.png)](https://cta-redirect.hubspot.com/cta/redirect/327485/29dd2781-ed8c-40a1-bd07-7ff1137a16eb) ### Designers Blog Topics - [Website Design (55)](https://designers.hubspot.com/blog/topic/website-design) - [Design (33)](https://designers.hubspot.com/blog/topic/design) - [Website Development (27)](https://designers.hubspot.com/blog/topic/website-development) - [Tutorial (22)](https://designers.hubspot.com/blog/topic/tutorial) - [Product Updates (21)](https://designers.hubspot.com/blog/topic/product-updates) - [Best Practices (16)](https://designers.hubspot.com/blog/topic/best-practices) - [CMS (16)](https://designers.hubspot.com/blog/topic/cms) - [Inspiration (15)](https://designers.hubspot.com/blog/topic/inspiration) - [Free Resources (12)](https://designers.hubspot.com/blog/topic/free-resources) - [Customer Story (7)](https://designers.hubspot.com/blog/topic/customer-story) - [COS (5)](https://designers.hubspot.com/blog/topic/cos) - [Examples (4)](https://designers.hubspot.com/blog/topic/examples) - [web development (4)](https://designers.hubspot.com/blog/topic/web-development) - [SEO (3)](https://designers.hubspot.com/blog/topic/seo) - [UX Research (3)](https://designers.hubspot.com/blog/topic/ux-research) - [Productivity (2)](https://designers.hubspot.com/blog/topic/productivity) - [Conversion Rate Optimization (1)](https://designers.hubspot.com/blog/topic/conversion-rate-optimization) - [HubDB (1)](https://designers.hubspot.com/blog/topic/hubdb) - [Infographic (1)](https://designers.hubspot.com/blog/topic/infographic) [see all](https://designers.hubspot.com/blog/freebie-friday-patterns#) ### Recommended Posts ### Subscribe to the Designers Blog [### Learn how to work with our API ](https://developers.hubspot.com/) [### Chat with Designers in the CMS Forum ](http://inbound.org/group/hubspot-designer-forum) [### Get the HubSpot CMS for Developers Certification ](https://academy.hubspot.com/certification) [### Try HubSpot's Website Platform for Free ](https://app.hubspot.com/l/products?pql-source=website-designers-portal-side-cta) ### Designers Blog Topics - [Website Design (55)](https://designers.hubspot.com/blog/topic/website-design) - [Design (33)](https://designers.hubspot.com/blog/topic/design) - [Website Development (27)](https://designers.hubspot.com/blog/topic/website-development) - [Tutorial (22)](https://designers.hubspot.com/blog/topic/tutorial) - [Product Updates (21)](https://designers.hubspot.com/blog/topic/product-updates) ### Recommended Posts ### About - [What is HubSpot?](https://www.hubspot.com/what-is-hubspot) - [Our Story](https://www.hubspot.com/internet-marketing-company/) - [Executive Team](https://www.hubspot.com/company/management) - [Press Room](https://www.hubspot.com/internet-marketing-company/press-room) - [Partners](https://www.hubspot.com/partners/) - [Deutsche Website](https://www.hubspot.de) - [FAQs](https://www.hubspot.com/faq) ### Jobs - [Cambridge](https://www.hubspot.com/jobs/) - [International](https://international.hubspot.com) ### Learn Inbound - [Marketing Resources](https://www.hubspot.com/free-marketing-resources) - [Inbound Marketing Blog](http://blog.hubspot.com) - [Deutscher Inbound Blog](http://blog.hubspot.de/marketing) - [HubSpot Academy](https://academy.hubspot.com/) - [INBOUND Conference](http://inbound.com/) ### Support - [Open a support ticket](https://help.hubspot.com/support) - [Submit a feature request](http://ideas.hubspot.com/) - [Join a local user group](https://academy.hubspot.com/local-hubspot-user-groups/) - [Help & support home](http://knowledge.hubspot.com/) ### Contact Sales - [Request a call](http://offers.hubspot.com/contact-sales) - North America - [888.482.7768](tel:8884827768) - United Kingdom - [+44.20.36847648](tel:+442036847648) - Ireland - [+353.1.5187500](tel:+35315187500) - Germany - [+49.69.299571918](tel:+4969299571918) - Australia - [+61.28.22.81902](tel:+61282281902) ### Locations HubSpot, Inc. 25 First Street, 2nd Floor Cambridge, MA 02141 European Headquarters One Dockland Central, Dublin 1, Ireland Asia/Pacific Office 60 Anson Road, Mapletree Anson, #10-03, Singapore 079914 - Copyright © 2017 HubSpot, Inc. - [Legal Stuff](https://www.hubspot.com/legal-stuff) - [Privacy Policy](https://www.hubspot.com/privacy-policy/) - [Site Map](https://www.hubspot.com/sitemap/)