30+ Awesome Inspirational Design Resources for Developers, Product Managers and Founders.
Tags: design, patterns, tooling
Published: 2021-06-15 09:54:28

To help you focus more on making better products, I have compiled a list of websites to ease your search for Design kits, Illustrations, Patterns, Avatars, and Tools.
## **Component & Design Kits**

* [UI Design Daily](https://uidesigndaily.com/):
  Awesome UI Components in Figma, Sketch, PSD, AdobeXD
  ***License: Creative Commons,* Free for commercial or personal use.**
* [Sketch App Sources](https://www.sketchappsources.com/):
  **Free** and **premium** design resources for Sketch — a digital design tool. We curate thousands of resources to help you design, prototype, iterate and collaborate faster.
* [InvisionApp](https://www.invisionapp.com/inside-design/design-resources/):
  Library of free, high-quality UI kits, icon packs, and mockups
* [FreebieSketch](http://freebiesketch.com/):
  Free Sketch designs, wireframes, illustrations, and more.

***
## **Patterns**
* [Hero Patterns](http://www.heropatterns.com/):
  A collection of repeatable SVG background patterns
  ***License: Creative Commons, Free for commercial or personal use.***
* [Pattern Monster](https://pattern.monster/):
  A simple online pattern generator to create repeatable SVG patterns
  **License: MIT, Free for commercial or personal use.**
* [Subtle Patterns](https://www.toptal.com/designers/subtlepatterns/):
  A collection of patterns by Toptal Designers.
  **License: Creative Commons, Free for commercial or personal use.**
* [PatternPad](https://patternpad.com/):
  Free and unlimited unique pattern designs
  ***Free for commercial or personal use with attribution***
* [The Pattern Library](http://thepatternlibrary.com/):
  Free beautiful background patterns
* [Patternico](https://patternico.com):
  Seamless Pattern Maker
* [Transparent Textures](https://www.transparenttextures.com/):
  A collection of transparent textures background patterns.
* [Doodad Pattern Generator](https://doodad.dev/pattern-generator/):
  Create unique, seamless, royalty-free patterns.
* [trianglify.io](https://trianglify.io/):
  Generate low-poly backgrounds, textures, and vectors
* [Tabbied](https://tabbied.com/):
  Create and customize minimally generated patterns/artwork to use for background images, print, and other projects.

***
## **Illustrations**
* [Drawkit.io](https://www.drawkit.io/):  Hand-drawn vector illustration and icon resources, perfect for your next project.
  ***Free for commercial or personal use without attribution***
* [IRA Design](https://iradesign.io/):
  An open-source gradient illustrations collection
  ***License: MIT, Free for commercial or personal use.***
* [SketchValley](https://sketchvalley.com/):
  Download free PNG, SVG, or AI files.
  ***License: Creative Commons, Free for commercial or personal use.***
* [Undraw.co](https://undraw.co/):  Open-source illustrations for any idea you can imagine and create
  ***Free for commercial or personal use.***
* [Manypixels.co](https://www.manypixels.co/gallery/):  Monochromatic, Isometric high-quality illustrations
  ***Free for commercial or personal use.***
* [Open Peeps](https://www.openpeeps.com/):  Hand drawn illustration library
  ***License: Creative Commons, Free for commercial or personal use.***
* [Humaaans](https://www.humaaans.com/):
  Cool illustrations of people with the ability to mix and match
  ***License: Creative Commons, Free for commercial or personal use.***
* [Uplabs](https://www.uplabs.com/):
  High-quality design resources for designers, creative agencies, and developers (**Free & Premium**)
* [Open Doodles](https://www.opendoodles.com/):  A Free Set of Sketchy Illustrations
  ***License: Creative Commons, Free for commercial or personal use.***
* [IsoFlat](https://isoflat.com/):  A Free collection of Isometric SVG graphic resources
* [Storytale.io](https://storytale.io/freebies/):  Subset of Storytale free quality illustrations
* [icons8.com/illustrations](https://icons8.com/illustrations):  Free vector illustrations to class up your project
* [404 illustration](https://error404.fun/):
  Royalty-free illustrations for  pages
* [Pixeltrue Illustrations](https://www.pixeltrue.com/illustrations):  Free Animated Illustrations
* [Flexiple](https://2.flexiple.com/scale/all-illustrations):  One new high-quality, open-source illustration each day.
  ***Free for commercial or personal use without attribution***
* [Illustration Kit](https://illustrationkit.com/):
  Free premium illustrations updated weekly
  ***Free for commercial or personal use without attribution***
* [Lukaszadam](https://lukaszadam.com/illustrations?ref=haathi.me)
  Free SVG illustration images in different shapes & styles.
  ***License: CCO(MIT), Free for commercial or personal use without attribution***
* [Delesign](https://delesign.com/free-designs/graphics):
  A collection of free illustrations and more
  ***Free for commercial or personal use***
* [Servier Medical Art](https://smart.servier.com)
  3000 free medical images to illustrate your publications and PowerPoint presentations
  ***License: Attribution 3.0 Unported (CC BY 3.0), Free for commercial or personal use with attribution***

***
## **Avatars**
* [Abstract User Avatar API](https://www.abstractapi.com/user-avatar-api):
  API to create simple yet flexible user avatars from user names or emails
* [Exemplar](https://themeselection.com/products/exemplar-free-avatar-library-for-figma-and-sketch/):
  Free Avatar Library for Figma and Sketch
  ***Free for personal use***
* [Avataaars](https://avataaars.com/):
  Free sketch library of avatars illustrations by Pablo Stanley
  ***Free for commercial or personal use.***

***
## **Tools**
* [blob](https://blobs.app/):
  Generate Blob shapes for Web and Flutter apps
* [Custom Shape Dividers](https://www.shapedivider.app/):
  Free tool to make it easier for designers and developers to export a beautiful SVG shape divider
* [SVG wave](https://svgwave.in/):
  SVG Wave is a tiny, free and beautiful SVG gradient waves generator for your UI or website design. It offers a dead-simple UI to customize and style your waves based on your theme specifications.
* [Haikei](https://app.haikei.app/):
  Haikei is a web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!

The Article was first published [here](https://haathi.me/rohitagarwal88/blogs/30-awesome-inspirational-design-resources-for-developers-product-managers-and-founders--60b9111e1b7c287e50dbf29b)