Free Mockups

Free Resources – Mockups

 

Creating or finding good mockups to compliment your design work can be tedious. Luckily there are websites that provide you with free mockups, but again finding the right one can be hard. I have put together a list of websites where you can find mockups that will suit all of your needs.

 
 

Mockupworld

Mockup World is an online service that offers designers and web developers free access to hundreds of ready to use mockups ranging from Apple Watch to Billboards.

Free Design Resources

300+ handpicked free mockups to make your presentations stand out Ranging from print mockups, apparel, packaging, screen, logo, and more.

GraphicBurger

GraphicBurger is a collection of premium quality design resources offered for free to the community. Curated by Raul Taciu.

Pixelbuddha

Selective collection of free mockup resources, which can be used for presentations and showcases.

Pixeden

Pixeden offers a one-stop place for all the tools that a modern designer might need in their day-to-day routine. This includes mockups.

Freebiesbug

Freebiesbug offers a great collection of free PSD mockups to better showcase your apps and websites.

UIspace

A large collection of resources for various platforms. You also have access to fonts, icons, scripts, and illustrations.

Original Mockups

Original Mockups offers High-quality mockups for Photoshop that make your designs stand out. Also, check out their Mockupmator plugin for photoshop.

Free Color Palettes

Free Resources – Colour Pickers & Palettes

 

Finding the perfect colours for your project can be time-consuming. Luckily there are colour pickers to help you with that, but again finding the one that works best for you can be hard. I have put together a list of websites that you can use in your search for the best colours for your project.

 

Adobe Color

Colour palette tool from one of the leading companies in the design industry. This tool offers various colour combinations including analogous, monochromatic, complementary, compound and custom options along with others.

Brand Colors

Ever wondered what colour a brand uses? Well wonder no more, BrandColors allows you to find the colours used by the world-famous brands with ease.

Coolors

Coolors allows you to create the perfect colour palettes. You can also explore thousands of beautiful colour schemes to make sure your designs stand out.

Flat UI Color Picker

Flat UI Color Picker allows you to pick different shades of various colours for your next project.

Flat UI Colors 2

Flat UI Colors offers colour palettes created by 13 designers from 13 countries. In total 14 colour palettes and 280 colors are available for your picking.

Material Design Palette

This website offers you not just a palette but also icons and colours to enable you to create better designs. icons offered on this website can also be found on GitHub.

Paletton

Paletton is a colour scheme designers that offers various tools similar to Adobe Color, you can also view different shades of the colours. You can also export the palettes in various different formats to suit your design needs.

Free Icons Cover

Free Resources – Icons

 

Having access to icons that you can use for your projects can be a little hard at times. You can use the website listed below to help you with your search and find the icons that best suits you for your next design project.

 
 
 

the Noun Project

the Noun project has a vast collection of icons that you can use for your projects. You can use their add-ins with Adobe and Microsoft software, as well as with other apps. Free and Pro version available.

Ionicons

Ionicons offers a large collection of icons that are opensource and MIT licenced. Built by the Ionic Framework team.

Simple Icons

1000+ SVG icons for popular brands.

Icons8

Over 100,000 free icons ready to be used. Icons available in various formats and size and styles.
Requires attribution if you are a free user.

Animaticons

Animated icon gifs that save you a lot of space if you are a web designer who wants to implement some motion into your work. Some of the animations are free but some require a small payment.

UX Wing

UX Wing offers a wide range of icons that you can use for personal or commercial projects. Icons are available in PNG or SVG format.

Font Awesome

One of the well-known places where you can get icons for your projects. Font Awesome offers free and pro versions, but the free plan should be enough for most designers as it has over 1500 icons.

1320fb60-efae-4e78-9d3c-21068af73d2d.png

Free Resources – Fonts

 

Every designer has a large collection of fonts they love to use or not. I have collected and put together a list of websites that offer free fonts that you can use for your next project.

 
 

Google Fonts

Google Fonts is a library of 991 free licensed font families that you can use for your projects

Use & Modify

A great selection of beautiful, professional and weird typefaces. Open-source licenses make them free to use and modify.

Fontfabric

100% free collection of fonts

Dafont

Archive of freely downloadable fonts. Check

Font Squirrel

Fontsquirrel offers high quality, legitimately free fonts. You can download thousands of completely legal, high quality, free fonts.

Creative Fabrica

Tons of fonts available for free, with commercial license, ready to be used in any of your projects

Font Meme

Font Meme is a fonts & typography resource.

 

Font Pairing

Canva

Find the best match for the font you want to use.

Font Joy

Fontjoy.com offers a large selection of font combinations that would work marvellously for any design project.

2beae315-2e24-4784-8107-d90b52b6b23a.png

Free Resources – Illustrations

 

Getting illustrations to compliment your design work or to use within your project can be hard. In order to save you some valuable time, I have put together a list of websites that offer free Illustrations that you can use for all your needs.

 

Draw Kit

SVG illustrations that you to use in your next projects, in two different styles.

Humaaans

Trendy mix-&-match illustrations of people with a design library for InVIsion Studio and Sketch

Ouch

Ouch helps creators and designers who don't draw overcome the lack of quality graphics. You can download free illustrations from top Dribbble artists to class up your product.

unDraw

Open-source illustrations for any idea you can imagine and create. Comes in super handy when you are designing a website or an app.

Open Peeps

Hand-drawn illustration library to create scenes of people. You can use them in a product, marketing, comics, product states, user flows, personas, storyboarding, invitations, or whatever you want!

Lukaszadam

You can find MIT licensed SVG illustration images in different shapes & styles.

ManyPixels

Each week, manypixels offers royalty-free illustrations that you can use to power up your projects. You can use them in a commercial or non-commercial way for your landing pages, blog posts, email newsletters, social media graphics and more!

Vivid.js

Ready to use Free and Open Source SVG Icons Pack JavaScript Library. Vivid.js have 90+ pixel perfect and handcrafted ready to use icons.

IRA Design

IRA Designs allows you to build your own amazing illustrations, using their gradients and hand-drawn sketch components. (MIT License)

Interfacer

A collection of 300+ free design resources found on the Web.

1ddd705e-b6d1-41ae-bd59-822e3aa3a690.png

Free Resources – Stock Videos

 

Finding a good video to explain your idea or to enhance your work often lead you to premium stock video sites. This can be disappointing if you are on a budget or working with no budget. To help you out a little bit, I have put together a list of websites that offer free videos that you can use for all your needs.

 

Coverr

You can download royalty-free video footage for your website or any project (for personal and commercial use).
No attribution required.

Mixkit

Download Free Stock Video Footage, Stock Music & Premiere Pro Templates for your next video editing project. All royalty-free assets are completely free!

Videezy

Videezy is a community of Videographers who download and share free HD stock video.

Life of Vids

Free videos for web designers, filmmakers, advertisers, agencies or anyone who needs it.

Pexels Videos

Easily find free stock footage for your website, promo video or anything else. All videos are free for personal and commercial use.

Pixabay Videos

Find videos that are free for commercial use.
No attribution required.

Videvo

Download from a selection of over 28000 free stock video clips in 4k and HD.

weDistill

A curated collection of HD stock video footage free for personal and commercial use. 10 new videos are added every 10 days.

Dareful

Dareful provides you with completely free 4K stock video footage. Allowing you to expand your creative collection by downloading high-quality 4K footages.

Vidsplay

You can download free stock video footage in High Defenition. You will be granted non-exclusive rights to use and download videos from vidsplay without the need to pay royalties for each use.

0c08ade5-6117-49b6-9464-76ff2ea13be2.png

Free Resources – Stock Images

 

Trying to find the right image for your project can be hard. To help you a little bit, I have put together a list of websites that offer free stock photos.

 

nappy

Nappy.co offers a little more diversity when it comes to free stock images.

Unsplash

Beautiful, free images and photos that you can download and use for any project.

Stock Snap

stocksnap.io offers high quality and high-resolution stock images free from all copyright restrictions (CC0) - no attribution required.

Pexels

Free stock photos you can use everywhere. These photos are free for commercial use, as well as it requires no attribution.

icon8.com

Why rely on stock photos when you can create your own.

Generated Photos

generated.photos offers stock images created using artificial intelligence (AI).