DEV Community

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

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

Rohit Agarwal
Originally published at haathi.me Updated on ・4 min read

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

Discussion (0)