36 Amazing free resources for UI designers

Zenia Rodrigues
Designway
Published in
7 min readAug 31, 2021

Every UI designer will agree that hunting the internet for design inspirations is the most tedious of all tasks. Here we have handpicked some of the inspirational sites that we used at some point to create the perfect User Interface.

Dribble

Dribble is a social networking platform for creative talents to showcase their work. A go-to site for designers looking out for inspiration for creative concepts, illustrations, or UI designs.

Behance

Behance is a social media platform used by the creative community across the globe to discover amazing creatives and showcase their portfolio.

Awwwards

Awwwards is a website that recognizes and promotes the work of UI designers, web developers, and web agencies. A place that unites designers and developers looking out for some amazing inspiration for websites.

Mobbin

Mobbin is one of the best places to stay up to date with the latest UI trend. A free resource library to find inspiration for mobile applications, having hand-picked designs of over 170 apps and 10,000 patterns.

Bestfolios

Bestfolios is the ultimate collection of UI designers’ portfolios, resumes, case studies, and design resources. An amazing gallery featuring 892 portfolios, 180 resumes, and many more design inspirations.

Pinterest

The Pinterest platform deals with visuals, creativity, and discovery. Since its inception, it has become a place to go for finding inspiration, interesting graphics for social media and UI designs.

Instagram

Instagram is one of the biggest social media platforms and is widely used by designers to connect and attract their audience. You can find amazing inspirations for graphic and UI designs from the top talents using the right hashtags.

Adobe Color

Adobe Color is a web app where you can create and share color themes. Try, create and save various color schemes, each of which consists of a set of five colors.

Color Tool — Material Design

The Material Design color system helps you apply color to your UI in a meaningful way. In this system, you select a primary and a secondary color to represent your brand.

Muzli Color Palette Generator

Muzli allows you to quickly create color palettes, color match, and even preview and download customized UI kits for a well-balanced UI design.

Colorable

Colorable is another online tool that will let you check text/background contrast ratio. You can play around with Hue, Saturation, and Lightness and have a preview of what it will look like.

Web Gradients

WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.

Undraw

unDraw has a wide collection of copyright-free SVG files, and you can also color manage, edit and customize the illustrations directly from the website.

Ouch by Icons8

Ouch by Icons8 is a huge library of free creative vector graphics, 3D illustrations, icons, and everything you need to create amazing designs.

Glaze

Glaze is full of resources for some creative cool-looking and elegant illustrations that are royalty-free for designers to use.

Vecteezy

Vecteezy is a cool collection of stock videos, images, and vector art divided into multiple categories such as backgrounds, icons, patterns, and clip arts.

FeatherIcons

Feather is a collection of simple beautiful free icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.

The Noun Project

The Noun Project is a huge collection of free images and icons that are created and uploaded by graphic designers around the world.

Flaticons

Flaticon has one the largest collection icons having over 344,000 vector icons available in PNG, SVG, EPS, and PSD.

Free Mockup World

Free Mockup World is a collaboration of high-quality best free mockups including Apple Devices, Branding, Logos, Print, Digital Art, Fashion, Apparel & More.

The Mockup Club

A directory is a growing directory of the best free design mockups for Photoshop, Sketch, Figma, and InVision Studio.

Google Fonts

Google Fonts is one of the best places to find free and open-source fonts readily available for anyone and any project.

DaFont

DaFont gives designers access to over 20,000 freeware, shareware, demo, and public domain fonts, available in just about every category you could think of.

Font Squirrel

Font Squirrel is the go-to resource for many web designers who seek fonts that are licensed for commercial use at zero cost.

Freepik

Freepik contains over 800,000 free illustration vectors, images, and icons possibly of every category possible and is one of the favorite sites among designers.

Pexels

Pexels provides high-quality and completely free stock photos that are searchable, and easy to discover through their discover pages.

Unsplash

Unsplash is a well-established source of high-quality images and vectors. It has a huge collection of tons of different topics for designers to choose from.

Pixabay

Pixabay is an amazing image search engine with a ton of free images, and illustrations available.

Burst

Burst from Shopify is a free resource that provides free stock photos for entrepreneurs to help them make better products, websites, and marketing campaigns.

Freeimages

FreeImages is host to over 300000 royalty-free images used by designers for every day or commercial use.

Kaboom Pics

Kaboom Pics offers a wide variety of high-quality free stock photos from a ton of topics that can be used for commercial use.

Stocksnap

StockSnap.io has a large selection of beautiful free stock photos and high-resolution images. This site adds tons of new images daily that are released under the creative commons public domain.

Adobe XD

Adobe XD is a vector-based user experience design tool for web apps and mobile apps, developed by Adobe. It is fantastic for wireframing, prototyping, and collaboration.

Figma

A cloud-based design platform great for sharing and collaborating among team members. This design tool gives you the freedom to create pretty much any design you want, including wireframes of low- to high-fidelity.

Framer

Framer is a web-based tool that comes with a comprehensive free option that is ideal as a professional prototyping tool. It comes with a huge selection of components that can be easily dragged and dropped into your wireframe.

Canva

Canva is one of the most popular free design tools out there, and with its easy-to-use drag and drop options, great choice of templates, and illustration options that you can use for your projects to take inspiration from.

--

--