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: Awesome UI Components in Figma, Sketch, PSD, AdobeXD License: Creative Commons, Free for commercial or personal use.
• Sketch App Sources: 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: Library of free, high-quality UI kits, icon packs, and mockups
• FreebieSketch: Free Sketch designs, wireframes, illustrations, and more.

Patterns

• Hero Patterns: A collection of repeatable SVG background patterns License: Creative Commons, Free for commercial or personal use.
• Pattern Monster: A simple online pattern generator to create repeatable SVG patterns License: MIT, Free for commercial or personal use.
• Subtle Patterns: A collection of patterns by Toptal Designers. License: Creative Commons, Free for commercial or personal use.
• PatternPad: Free and unlimited unique pattern designs Free for commercial or personal use with attribution
• The Pattern Library: Free beautiful background patterns
• Patternico: Seamless Pattern Maker
• Transparent Textures: A collection of transparent textures background patterns.
• Doodad Pattern Generator: Create unique, seamless, royalty-free patterns.
• trianglify.io: Generate low-poly backgrounds, textures, and vectors
• Tabbied: Create and customize minimally generated patterns/artwork to use for background images, print, and other projects.

Illustrations

• Drawkit.io: Hand-drawn vector illustration and icon resources, perfect for your next project. Free for commercial or personal use without attribution
• IRA Design: An open-source gradient illustrations collection License: MIT, Free for commercial or personal use.
• SketchValley: Download free PNG, SVG, or AI files. License: Creative Commons, Free for commercial or personal use.
• Undraw.co: Open-source illustrations for any idea you can imagine and create Free for commercial or personal use.
• Manypixels.co: Monochromatic, Isometric high-quality illustrations Free for commercial or personal use.
• Open Peeps: Hand drawn illustration library License: Creative Commons, Free for commercial or personal use.
• Humaaans: Cool illustrations of people with the ability to mix and match License: Creative Commons, Free for commercial or personal use.
• Uplabs: High-quality design resources for designers, creative agencies, and developers (Free & Premium)
• Open Doodles: A Free Set of Sketchy Illustrations License: Creative Commons, Free for commercial or personal use.
• IsoFlat: A Free collection of Isometric SVG graphic resources
• Storytale.io: Subset of Storytale free quality illustrations
• icons8.com/illustrations: Free vector illustrations to class up your project
• 404 illustration: Royalty-free illustrations for pages
• Pixeltrue Illustrations: Free Animated Illustrations
• Flexiple: One new high-quality, open-source illustration each day. Free for commercial or personal use without attribution
• Illustration Kit: Free premium illustrations updated weekly Free for commercial or personal use without attribution
• Lukaszadam Free SVG illustration images in different shapes & styles. License: CCO(MIT), Free for commercial or personal use without attribution
• Delesign: A collection of free illustrations and more Free for commercial or personal use
• Servier Medical Art 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: API to create simple yet flexible user avatars from user names or emails
• Exemplar: Free Avatar Library for Figma and Sketch Free for personal use
• Avataaars: Free sketch library of avatars illustrations by Pablo Stanley Free for commercial or personal use.

Tools

• blob: Generate Blob shapes for Web and Flutter apps
• Custom Shape Dividers: Free tool to make it easier for designers and developers to export a beautiful SVG shape divider
• SVG wave: 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: 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