Complete List of Visual 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
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
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.
Shapes
  1. Blobmaker.app — Blob Generator
Marketing Tools
  1. Content Row — Generate click-bait headlines.
  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.
  1. Can’t Unsee — Select the design that is most correct.
  2. Color.Method.ac — A colour matching game.
  3. Kern Type — A letter spacing game.
  4. The Boolean Game — Union, Subtract, Intersect, Difference.
  5. The Bezier Game — A game to help you master the pen tool.
  6. Shape Type — A letter shaping game.
  7. Hex Test — A Hex code colour matching game by Shape.

Share your thoughts