Big List of Resources for Designers

Khashayar Shomali

Khashayar Shomali

Senior UI/UX Product Designer.

UI Design Resources

 

Figma Community

Community of free, high-quality UI kits, icon packs, and mockups.

Sketch App Sources

Sketch UIs, wireframes, icons and much more.

Open Peeps

Hand drawn illustration library.

Blob Animation

Generate smooth animate blobs for your website and design projects.

Uxcel

The easiest way to learn UI/UX design.

Uxcel is an interactive platform to learn new design skills, assess your knowledge, and connect with designers from around the world.

The Pattern Library

Free beautiful background patterns.

Humaaans

Cool illustrations of people with the ability to mix and match.

100 Daily UI

Free figma library of products, elements, and screens.

Open Doodles

Open Doodles is a set of free illustrations that embraces the idea of Open Design. You can copy, edit, remix, share, or redraw these images for any purpose without restriction under copyright or database law.

Blush

Easily create and customize stunning illustrations with collections made by artists across the globe. Try it, it’s kind of fun.

Paaatterns

Free collcetion of beautiful patterns for all vector formats.

404 illustration

Free illustrations for 404 pages.

ManyPixels

Monochromatic, Isometric high quality illustrations.

UI Design Daily

Awesome UI components of all types.

DrawKit

illustrations for designers and startups.

unDraw

Open-source illustrations for any idea you can imagine and create.

Avataaars

Free sketch library of avatars illustrations by Pablo Stanley.

Uplabs

High-quality design resources (Free & Premium).

Freebie Sketch

Free sketch designs, wireframes, illustration, and more.

Hero Patterns

A collection of repeatable SVG background patterns for you to use on your web projects.

 

Starting Design from Scratch

 

Color Resources

 

Khroma

Khroma uses AI to learn which colors you need

Adobe Color

Create color palettes, extract gradiants from images, and etc.

Coolors

Create the perfect palette or get inspired by best color schemes.

Happy Hues

Happy Hues is a color palette inspiration site.

Material Palette

Free to pick palettes, icons and colors for material design.

Palette List

Thousands of palettes for you.

Gradient Hunt

Gradient Hunt is a free and open platform for color inspiration with thousands of trendy hand-made color gradients.

Web Gradients

WebGradients is a free collection of 180 linear gradients that you can use as
content backdrops in any part of your website. Easy copy CSS3 crossbrowser code
and use it in a moment! We’ve also prepared a .PNG version of each gradient.

Flat UI Colors

Beautiful set of color palettes in various flavours.

Colorsinspo

Thousands of beautiful color palettes you can use it directly by one click.

Color Hunt

A free and open platform for color inspiration.

Color Space

Generate nice color palette from one color.

Color Box

A free website to produce color set.

UI Gradients

UI gradients color generator.

Palette Generator

Find design inspiration with natural image palletes extracted using k-means algorithm. This palette generator will create a color palette based on the predominant colors in your image. You can use it in your art projects, web design or home decor.

Canva color palette generator

Want a color scheme that perfectly matches your favorite images? With Canva’s color palette generator, you can create color combinations in seconds. Simply upload a photo, and we’ll use the hues in the photo to create your palette.

Material Palettes

Over 1000 material design palettes.

Shade Swash

Quickly generate shades of any color.

Brand Colors

The biggest collection of official brand color codes around.

Colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.

Gradient Buttons

Ready to use copy/paste gradient buttons.

Color Hex Picker

Get the hex code and the rgb value along with colour name of any color from any image with our hex color picker.

Image color picker

Click on the image to pick a color…

Use the online image color picker above to select a color and get the HTML Color Code of this pixel. Also you get the HEX color code value, RGB value and HSV value. Under ‘Use Your Image’ You can upload your own image (for example an screenshot of your desktop), paste an image from clipboard, put a picture url in the textbox below. Or use an website url, you will see a thumbnail on the left side.

 

It’s good to know:

 

The psychology of colors and application in UI design

 

 

Image Resources

 

Unsplash

The internet’s source of freely usable images.

Pexels

The best free stock photos, royalty free images & videos shared by creators.

Pixabay

Stunning free images & royalty free stock.

Over 2.7 million+ high quality stock images, videos and music shared by our talented community.

Burst

Free stock photos and images.

Download stunning photos for websites and commercial use.

Death to Stuck

Death to Stock is a membership that provides you with the freshest authentic stock photos and videos; with unlimited downloads and new work added every month. Always be on trend.

Barnimages

Free high-resolution images for everyone.

Stock Vault

Over 130,000 free stock photos, textures, backgrounds and graphics for your next project. No attribution required.

Free Images

Download all kinds of free photos for personal and commercial use.

Kaboom Pics

Stock product photography and color palettes.

Freepik

Royality free stock photos and design resources.

Stock Snap

Hundreds of high quality photos added weekly.

Negative Space

High-resolution free stock photos.

Realistic Shots

Free stock photos (high resolution) for personal and commercial use. 7 new photos every week. Just make something creative!

Pic Jumbo

Good collections of different types of photos.

Free Range Stock

Searches multiple stock photos website.

Place Holder

A free image placeholder service for the web.

Skitter Photo

Free high resolution photography.

Generated Photos

Unigue AI generated model photos.

Pico Graphy

Gorgeous, high-resolution, and  free photos.

Wunder Stocks

Stunningly amazing stock photos.

Foodies Feed

Food photo stock.

Picspree

Royality free images, stock photos, illustrations and vectors.

 

Vector Resources

 

Freepik

Free vectors, stock photos, PSD and icons.

Vecteezy

Find and download free vector art.

PNG Tree

PNG, backgrounds, templates, and text effects.

Vector 4 Free

Free Vector Graphics for Everyone.

Clipart

Choose great clipart, png, coloring pages, drawing and more… .

Free Vector

Community of vector lovers who share free vector graphics.

Trianglify

Generate low-poly backgrounds, textures, and vectors.

Lukasz Adam

Free vector artworks.

365 PSD

PSD, vector and graphic files for free download.

World Vector Logo

Download vector logos of brands you love.

Pikbest

A design resource platform which has thousands of vectors.

Blob

Generate Blob shapes for web and flutter apps.

Vector Portal

Free Stock SVG Vector Images, Clip Art and Icons.

Free Design File

Free Vector, Stock Photos, PSD File, Free Icons and Fonts.

Devian Art

Well-known community of artists from all over the globe.

Hi Clipart

A community for designers to share & download transparent PNG cliparts.

Growwwkit

A set of 8 simple, black & white, stylish illustration.

All Free Downloads

Free download vectors files in editable, ai, eps, svg.

 

Icon Resources

 

Google Icons

Google Icons is a library of open source icons.

Feather Icons

Simply beautiful open source icons.

Flaticon

Access 8.3M+ vector icons and stickers

Download Free Icons and Stickers for your projects.

Resources made by and for designers. PNG, SVG, EPS, PSD and CSS formats.

Font Awesome

Font Awesome is the Internet’s icon library and toolkit, used by millions of designers, developers, and content creators.

Icons8

Free library icons in various UI design styles for web.

Noun Project

Icons and Photos For Everything.

Stream Line

Streamline is the winner of the best graphic resource in 2022 by Figma. The largest icon, illustration, emoji and element sets in the world.

Box Icons

Boxicons is a free collection of carefully crafted open source icons. Each icon is designed on a 24px grid with the material guidelines.

Line Awesome

Swap Font Awesome for modern line icons in one line of code.

Icon Finder

Iconfinder is the world’s largest marketplace for icons, illustrations and 3D illustrations in SVG, AI, and PNG format.

Material palette

Free to pick palettes, icons and colors in Material Design.

SVG Repo

Free Vectors and Icons in SVG format. ✓ Download free mono or multi color vectors for commercial use. Search in 300.000+ Free SVG Vectors and Icons.

VSCode Codicons

The icon font from Visual Studio Code.

IcoFont

Choose your favourite icons from the thousands of curated designed icons.

Linea

Featuring 750+ icons.

Line Icons

Lineicons packed with 5000+ essential icons from different categories, covers almost all icons you need for complete web or app design and development projects.

Jam Icons

890+ handcrafted SVG icons to make your web app awesome.

Dev Icons

Devicon is a set of icons representing programming languages, designing, and development tools. You can use it as a font or directly copy/paste the SVG code into your project.

 

Font Resources

 

Font Fabric

A digital type foundry crafting retail fonts and custom typography for various brands. Sharing a passion for premium typefaces, calligraphy and lettering.

Google fonts

Google Fonts is a library of 1455 open source font families and APIs for convenient use via CSS and Android. The library also has delightful and beautifully crafted icons for common actions and items. Download them for use in your digital products for Android, iOS, and web.

Font Pair

Free fonts and font pairings to use for your next design project.

1001 Free fonts

Download 65000 free fonts for Windows and Mac

Font Joy

Generate font combinations with deep learning.

Arabic Fonts

Arabic Fonts, is the wonderland for Arabic fonts, Arabic Typography and Calligraphy which offers a wide range of Arabic fonts. We offer fonts for various writing styles in Arabic Scripts.

Font Squirrel

Free fonts have met their match.

Free Typography

FreeTypography.com is a blog about the best free fonts, typefaces and typography for free download.

DaFont

Archive of freely downloadable fonts. Browse by alphabetical listing, by style, by author or by popularity.

TypeKit Practice

Learn about typography practices.

Font Flipper

Preview 800+ Google Fonts on top of your own designs, without having to download the fonts first.

Font Space

98,000+ Free Fonts

Free downloads of legally licensed fonts that are perfect for your design projects.

Abstract Fonts

Download more than 10000 free fonts hassle free, desktop and mobile optimized, around for more than 20 years.

BeFonts

Free Fonts are here! High quality design resources for free. And helps introduce first time customers to your products with free font downloads and allow them to try before they buy, it also allows your existing customer to get a free font treat every day!

Font Drop

Simple and easy way to view the contents of font file.

What Font

A font finder browser extension (The easiest way to identify fonts on web pages).

 

Mockup Resources

 

Artboard Studio

Design, animate and present your creative projects.

House of Mockups

Creative community by Anthony Wood.

The Mockup Club

Free mockups templates around the web.

Mockup Tree

The Best Free Mockups for Everyone.

Morflax Things

Generate 3D device mockup in a quick and engaging way.

Smart Mockups

Smartmockups enables you to create stunning high-resolution mockups right inside your browser within one interface across multiple devices.

Shot Snap

Create beautiful device mockup images for your app or website design. Share it everywhere.

Screely

Instantly turn your screenshot into a beautiful website mockup. Customize the browser mockup window, background and much more.

Envato Elements

Envato is a well-known ecosystem of digital assets.

Mr Mockup

High Quality PSD Mockups and Graphic Design Freebies to Showcase Your Work Like a Pro! We build premium and free Mockup templates for profesional designers.

LS Graphics

Free and premium mockups, UI/UX tools, scene creators for busy designers.

Unblast

Unblast selects the best of the best, therefore putting at your hands quality resources such as mockups, fonts, templates, graphics and save you tons of searching hours.

Mockuuups

Paste your visuals into 2000+ device mockups for free today. No design skills required. Preview 2000+ device mockups at once.

Graphic Burger

Tasty design resources made with care for each pixel. Free for both personal & commercial use. Have a bite!

Mockup Phone

MockUPhone is a free tool that helps you wrap app screenshots in different mobile devices. Support iPhone mockup, iPad mockup, Android mockup and TV mockup.

Anthony Boyd

Free Mockups by Anthony Boyd Graphics. Easily Edit Smart Objects in Photoshop. Free for personal and commercial use.

Mockup World

The original biggest Source of photo-realistic free PSD Mockups online.

Pixel Buddha

A collection of free resources.

Screen Peek

Paste URL, Create Mockup. Screenpeek captures any website within a high quality mockup in seconds. iPhone. iPad · MacBook · iMac. Generate Mockup.

Pixeden

Premium and free graphic resources.

about-author-uixwithme
Khashayar Shomali

Subscribe to our newsletter

RECENT POSTS