DEV Community

Cover image for 30+ Awesome Inspirational Design Resources for Developers, Product Managers and Founders.
Rohit Agarwal
Rohit Agarwal

Posted on • Edited on • Originally published at haathi.me

30+ Awesome Inspirational Design Resources for Developers, Product Managers and Founders.

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

Top comments (0)