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