Complete List of Design Resources

Colour Schemes
  1. coolors — Press spacebar to cycle colours and explore trending palettes.
  2. Adobe Colour Wheel — Generate colours with harmony rules and explore palettes.
  3. Palette App — Generate different shades of one colour with precision.
  4. ColorBox by Lyft Design — Generate shades, recommended by Omar
  5. Make Tints and Shades — Generate shades and tints.
  6. Material Palette — Colours from Google Material UI, create colour palettes.
  7. Muzli Colors — Colour palette generator and explore popular palettes.
  8. Randoma11y — Generate 2 high contrast colours.
  9. Colour Hunt — Explore Colour Palettes
  10. Khroma — train a colour generator algorithm to generate a personalized palette.
  11. Neilorangepeel — Explore CSS colour names
  12. Brand Colors — Explore the official colour palettes of established brands
  13. Real Time Colors — Visualize your colors & fonts on a real site.
  14. Hover dev, Palette generator — Similar to real time colors, create a sensible, semantic, professional color palette in a couple of seconds.
  15. UI colors — Tailwind CSS Color Generator.
Gradients
  1. uiGradients — Explore Colour Gradients
  2. WebGradients — Explore Colour Gradients
  3. Grabient — Explore Colour Gradients
  4. CSS Gradient — Explore and create colour gradients
All resources are free and good for commercial use.
  1. Unsplash — 1 million+ free images taken by photographers around the world.
  2. Burst — Free images from Shopify
  3. Landing Stock — Perfect images for landing pages
  4. Pixabay — 1.8 million+ free stock images and videos.
  5. Visual Hunt — 350 million + Creative Commons photos.
  6. Pexels — Free stock photo and video library
  7. Flikr — Search using creative commons mode
  8. pixelmob — Search millions of royalty-free photos.
  9. Stockio — Free stock images
  10. BARNIMAGES — Free high-resolution images for everyone
  11. Freeimages — 350,000+ free stock photos
  12. Morguefile — Free photo archive
  13. reshot — Uniquely free photos.
  14. Google Images — Free photos in (settings -> advanced search -> usage rights)
  1. Coverr — Beautiful free stock video footage.
  2. mixkit — Free stock video clips, stock music, and Premiere Pro templates.
  3. Pexels — Free stock videos shared by the community.
  4. pixabay — Free stock videos shared by the community.
  5. Videvo — Free stock video footage and more.
  1. The Noun Project — Large selection of free black & white icons.
  2. Flaticons — Huuuge selection of free icons.
  3. feather icons — Clean selection of icons designed on a 24×24 grid.
  4. icons8 —  Large selection of free icons that can be edited before downloading.
  5. Ionicons — Beautifully crafted open source icons
  6. iconscout —  Free library of icons sorted by categories.
  7. icon store —  Free icon collections by first-class designers
  8. Remix Icon — Open-source neutral-style system symbols
  9. Ikonate — Fully customizable & accessible, well-optimized vector icons
  10. Streamline Icons —  30,000 free icons
  11. xicons —  New icon pack every 10 days.
  12. Eva Icons —  480 open source icons.
  13. Evericons — 460+ free icons.
  14. Orion Icons — 6014 free vector icons
  15. Tilda Icons — 47 icons pack themes for free
  16. SVG Icons — Just copy and paste HTML code to use icon
  17. Material UI —  Google Material UI icons. Downloadable
  18. MAKI — Icon set made for map designers
  19. Tabler Icons — 994 Fully customizable free SVG icons
  1. freepik — Free vectors for personal and commercial use.
  2. Vecteezy — High-quality vector graphics free for personal and commercial use.
  3. flaticon — 3,041,000 free vector icons
  4. vector.me — Free vectors and illustrations to download
  5. vectorportal.com — Free vector images since 2005
  6. Retro Vectors — Royalty free vintage vectors
Vector Editor
  1. editor.method.ac — Free online vector editor
  1. undraw.co — Open-source illustrations (SVGs, PNGs)
  2. humaaans — Super popular illustrations of people
  3. manypixels.co — Free illustrations in SVG & PNG. You can change the colours directly as well!
  4. storyset — Free customizable illustrations with multiple styles
  5. Icons8 — Free vector and 3D illustrations
  6. DrawKit — Free weekly illustration packs 
  7. freepik — Free vectors for personal and commercial use
  8. Vecteezy — High-quality vector graphics free for personal and commercial use
  9. Iconfinder — over 6 million free and premium icons and illustrations.
  10. Open Peeps — A hand-drawn illustration library.
  11. Personas — A playful avatar generator for the modern age.
  12. avataaars — Simple avatar generator
Free Font Downloads
  1. Font Squirrel — 100% free fonts for commercial use.
  2. dafont.com — Archive of freely downloadable fonts.
  3. Google Fonts — Free and open source font catalogue.
  4. 1001 Free Fonts — 47536 free fonts in 23710 families.
  5. Abstract Fonts — Features more than 13500 free fonts.
  6. The League of Moveable Type — The original, the first, the open-source font foundry.
  7. Fonts Arena — Curated typography website with a focus on contemporary typography and high-quality free fonts.
  8. Pinspiry — A collection of free fonts for download.
  9. Inter Typeface — Inter is a typeface carefully crafted & designed for computer screens.
  10. fontain — A font-collection.
  11. BEfonts — Free Fonts for Creatives.
  12. Use & Modify — Selection of beautiful, classy, punk, professional, incomplete, weird typefaces.
Typography Formatting Tools
  1. Golden Ratio Type Calculator — Optimize font size, line height, and line width with golden ratios.
  2. Modular Scale — Optimize font size with various ratios.
  3. Grid Lover — Establish a typographic system with modular scale & vertical rhythm.
Font Pairing Tools
  1. FontPair — Explore perfect Google Font pairings.
  2. Canva Font Combinations — Find a font combination for your design needs.
  3. Font Flame — Tinder for font pairings.
  4. Font Generator — Creates unique font pairings from Google fonts.
Font Finders
  1. WhatTheFont — Instant font identification powered by the world’s largest collection of fonts.
  2. Font Identifier — Upload an image with type and we’ll identify the fonts that match.
  3. WhatFontis.com — Upload an image with type and we’ll identify the fonts that match.
  4. WhatFont — Chrome extension: The easiest way to identify fonts on web pages.
  5. Font Ninja — Chrome extension: Identify any font from any website.
  6. Fonts In Use — An independent archive of typography.
Sign Mockups
  1. Free Creatives Mockups — Free 42+ PSD Shop Signage Mockups
Device Mockups
  1. Mockuuups Studio — Instant mockup generator with over 600 scenes.
  2. UI8 — Marketplace of 366 high-quality device mockups.
  3. Rotato — Slick mockup movies and images. Just drag and drop.
  4. Threed.io — In-browser, simple 3D realistic customizable iPhone mockup.
  5. Angle — 1900 Vector and 3D device mockups for Sketch, Figma, and XD.
  6. Cleanmock — Drag and drop clean mockup generator.
  7. Qurb — Simple free iPhoneX mockup generator.
General Mockups
  1. Mockupworld — All free mockups for everything
  2. Mr. Mockup — Super high-quality mockup freebies.
  3. Mockupfree — Free mockup design resources.
  4. Unblast Mockups — Best free mockups to download.
  5. Mockups Design — Free and easy premium mockups.
  6. Anthony Boyd Graphics — Clean, minimal mockups for devices, packaging, signage, and more.
  7. Business Cards — 50 free business card mockups.
  8. Artboard Studio — Create mockups online. Free + premium items.
  9. Placeit — Humongous collections of mockups. Free + premium items.
  1. Transparent Textures — Collections of textures customizable by colour.
  2. Subtle Patterns — Large collection of subtle patterns and textures.
  3. Hero Patterns — Collection of repeatable SVG background patterns.
  4. Mockuuups Studio — Instant mockup generator with over 600 scenes
  5. Freepik — Free vector pattern backgrounds.
Lorem Ipsums
  1. Meet the Ipsums — Collection of various types of text placeholders
Picture Placeholders
  1. Lorem Picsum — Image placeholders
  2. Random User Generator — Images of user profile headshots
  3. Dummy Image Generator — Create placeholder images with stock images and text. Thanks Donna for recommending this one.
Design Brief Generators
  1. Briefup — Mock Project Briefs
  2. Briefz.biz — Spits out ideas for creative projects
  3. goodbrief — Get a unique design brief
Shapes
  1. Blobmaker.app — Blob Generator
  2. Custom shape dividers — Beautiful SVG shape dividers
  1. Behance — Social media platform to showcase and discover creative work by Adobe.
  2. dribbble — Go-to resource for discovering and connecting with designers and creative talent around the globe.
  3. Pinterest — A visual discovery engine for finding ideas, style inspiration, and more.
  4. Muzli 2 by InVision — Chrome Extension: The freshest links about design and interactive, from around the web.
  5. Designspiration — Design inspiration gallery. Search concepts and colours.
  6. Mobbin — Comprehensive, expert-curated library of interfaces from the best-in-class digital products
  1. Can’t Unsee — Select the design that is most correct.
  2. Color.Method.ac — A colour matching game.
  3. userinyerface — Why we need design…
  4. Kern Type — A letter spacing game.
  5. The Boolean Game — Union, Subtract, Intersect, Difference.
  6. The Bezier Game — A game to help you master the pen tool.
  7. Shape Type — A letter shaping game.
  8. Hex Test — A Hex code colour matching game by Shape.
  9. Figma Ninja — Learn the basics of Figma and its shortcuts
  10. It’s Centred That — Test if you can determine if the dot is in the centre of the shape
Marketing Tools
  1. Content Row — Generate click-bait headlines.
Writing Assitance
  1. QuillBot — Automatically paraphrases your text
  2. Thesaurus — Get synonyms
  3. Grammarly — Grammar checking tool
Inspiration
  1. Really Good Emails — The web’s best, and most attractive collection of email designs
Creative Design Podcasts
  1. The Honest Designers Show — Honest, under the hood look at what it takes to flourish in a creative vocation.
  2. Creative Pep Talk — Monologues and interviews with creative powerhouses.
  3. 99% Invisible — The unnoticed architecture and design that shapes our world with Roman Mars.
Product Design (UI/UX) Podcasts
  1. Better Product — Digital product insights from industry leaders.
  2. Whiteboard.fm — Interview series where designers talk about how they got started and job experiences.
  3. User Defenders — Industry-leading / celebrated UX podcast.
Business / Entrepreneurial Podcasts
  1. HBR IdeaCast — Weekly podcast featuring the leading thinkers in business and management.
  2. Naval — Podcast by AngelList founder about value creation, investing, and innovation.
  3. How I built this — Stories behind some of the world’s best known companies with Guy Raz.
Youtube Channels
  1. Flux — Personal vlog of Ran Segall, a designer and entrepreneur. Lots of design-related content, career advice, web design content, and more!
  2. DesignCourse — In-depth design tool tutorials about graphic design, front-end development, UI/UX, and more!
  3. Mizko — Designer and entrepreneur with experience working for many companies as an in-house designer, lead designer, freelancer, and owns his own agency!
  4. femke.design — full-time product designer that has worked for Uber and Wealthsimple. Career advice videos, tutorials, and more!
  5. chunbuns — full-time product designer based in SF. Product design career videos, day-in-the-life vlog videos, and more! 
  6. AJ&Smart — product design and innovation studio from Berlin. New videos every week about product design, UX, and more!
  7. Cuberto Design — international company that works with clients from around the world. Shares tips and tricks for UX/UI, illustration, and animation.
  8. Juxtopposed — Really entertaining UI/UX and design content
Tiktok
  1. meshtimes — Product designer at Tiktok LA. Shares design resources, tips and tricks, and more!
  2. designlead — Weekly design inspiration and design tips and tricks.
  3. emilyzugay — Design comedy.
Instagram
  1. ui_gradient — Design education. Very consumable content.
Twitter
  1. vponamariov — Shares UI/UX tips and resources.
  1. Design systems for Figma — A collection of Design Systems for Figma from all over the globe, backed by code.

Share your thoughts