+100 UI Resources, Tools & Books: All You Need For Your UI Work

UI Resources


This article is an all you need UI resources for your next project, you will find tools and resources for colors, typography, inspirations, stock photos & videos, blogs, freebies & more tools that will really help you a lot in your coming projects and will save you a lot of time and effort.




ui colors


“Color is a power which directly influences the soul” – Wassily Kandinsky


LOLcolors – Curated color palette inspiration.

Coolors – The super fast color schemes generator!

FlatUI – A collection of flat UI colors.

MaterialUI – A collection of material design colors.

UIGradients – Inspirational UI gradients.

Web Gradients – Collection of 180 linear gradients that you can use as
content backdrops in any part of your website.

Brand Colors – The biggest collection of official brand color codes around.

Colorful Gradients – Gradients automatically created by a computer.

Color Hunt – A collection of color palettes.

Design Seeds – Color palettes inspirations from nature.

Canva Colors – Everything you need to know about colors





ui typography


“Typography needs to be audible. Typography needs to be felt. Typography needs to be experienced” – Helmut Schmid


Font Squirrel – Free, hand-picked, high-quality, commercial-use fonts.

Google Fonts – Google Fonts makes product and web pages run faster by safely caching fonts without compromising users’ privacy or security.

Dafont – Free fonts to download.

Ffonts – Free fonts to download.

Typewolf –  Typewolf the absolute best resource available for everything related to typography on the web.

Font Combinations – Find a font combination for your design needs.

Identify Font – Identify a font by answering questions about key features.

WhatTheFont – Seen a font in use and want to know what it is?

Fonts In Use – An independent archive of typography.





ui icons


“I believe in a visual language that should be as strong as the written word” – David LaChapelle


The Noun Project – Over a million curated icons, created by a global community.

Flat Icon – The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.

Iconmonstr – 3879+ free simple icons in 264 collections.

NOVA – World’s biggest material design icons pack.

Ego Icons – Perfect for making your apps, web interfaces, and UI designs stand out in the crowd.

Iconstore – Free Icons by First-Class Designers.





ui inspirations


“A lifelong learner is a lifelong winner” – Matshona Dhliwayo


Awwwards – The awards of design, creativity, and innovation on the internet.

Muzli – The best design inspiration expertly curated for you.

Land Book – They collect awesome websites to help creatives find inspiration & motivation to do rad stuff.

One Page Love – The ultimate showcase of One Page websites.

The Best Designs – Recognizing the best of web design.

UI Parade – UI Inspirations.

Site Inspire – A showcase of the finest web and interactive design.

UI Movement – UI & motion Inspirations.

User Onboarding – Learn how other apps create the onboarding experience.

Pttrns – UI patterns collection.

Mobile Patterns – UI patterns collection.

UI Patterns – User Interface Design patterns are recurring solutions that solve common design problems.



Stock Photos


ui stock photos


“If a picture paints a thousand words, then a let a picture inspire a thousand words” – Nicholas Boyd Crutchley


Pexels – Best free stock photos in one place.

Pixabay – Pixabay is a vibrant community of creatives, sharing copyright free images and videos.

StockSnap – Hundreds of high-resolution images added weekly.

Unsplash – Beautiful, free photos. Gifted by the world’s most generous community of photographers.

Makerbook – Largest Collection of  Hand-picked Free Stock Photos for Startups.



Stock Videos




“A picture is worth a thousand words…….and a video is worth a million pictures” – Ankala Subbarao


Videvo – The home of completely free HD stock footage and motion graphics for any project!

Videezy – Free HD Stock Footage & 4K videos!

Vimeo Free Stock – Free HD stock footage.

Coverr – Beautiful, free videos for your homepage.



Vectors & Graphics




Freepik – Graphic resources for everyone.

Vecteezy – Discover & download free vector Art!

Free Vector – A world of free vector art at your fingertips!



Freebies (Mockups & Templates)




Graphic Burger – Tasty design resources made with care for each pixel.

Zippy Pixels – ZippyPixels is a collection of fellow web and graphic designers who love creating high quality resources.

Graphics Fuel – Graphics, mockups, vectors, icons, and more.

Media Loot – Thousands of fonts, icons, graphics, templates, interfaces, and more.

Pixeden – Pixeden is hard at work providing quality web resources.

Perfect Pixel – PSD templates with unparalleled quality and more.

PixelBuddah –  Check out mockup templates to present your work in a professional way: fonts, icon sets, website templates for Photoshop and Sketch; UI Kits for the web and mobile apps, textures, seamless patterns, layer effects and many others.

UI Space – Thousand of great freebies.

Pngtree – The world’s first dedicated to provide free PNG picture material website.

Placeit – 2767 quality mockups & demo videos.

UI8 – 897 curated design resources to energize your creative workflow.

Freebies Bug – Hand-picked resources for web designer and developers, constantly updated.

Freebies UI – FreebiesUI is an ever-growing collection of quality UI resources designed by talented creatives who choose to share their work for free with the rest of the community.

Fribbble – Free PSD files and other free design & UI resources by Dribbblers.

365 Psd – A collection of psds and vectors.

Pixels Market – Design Freebies, Tools, and Inspiration.

Blugraphics – Quality design resources for creatives.

UI Chest – A collection of UI resources.

UI Freebies – A collection of UI resources for Sketch.







“An investment in knowledge pays the best interest” – Benjamin Franklin


InVision Blog

Creative Bloq

Smashing Magazine

Toptal Blog

Proto Blog

Awwwards Blog

Envato Blog

Design Modo

Beautiful Pixels

Product Disrupt Blog

Good UI

Design Shack







Craft – Craft is a suite of plugins for Photoshop and Sketch that help streamline your design workflow by automating tedious actions and pulling in more realistic sample data.

Zeplin – Design hand-off has never been easier. Generate style guides and resources, automatically.

Wake – The fastest way for designers to share work with their team.

Frontify – Create beautiful web-based brand manuals in minutes.

Framer – Framer is the best way to create interactive designs from start to finish.

Figma – Design, prototype, and gather feedback all in one place with Figma.

Red Pen – The fastest feedback tool for visual teams.

Kiteapp – A powerful animation and prototyping application for Mac & iOS.

Principle – Principle makes it easy to design animated and interactive user interfaces.






“A man only learns in two ways, one by reading, and the other by association with smarter people” Will Rogers


Design Principles

The Non-Designer’s Design Book (4th Edition) – The Non-Designer’s Design Book offers even more practical design advice, including a new chapter on the fundamentals of typography, more quizzes, and exercises to train your Designer Eye, updated projects for you to try, and new visual and typographic examples to inspire your creativity.

Designing Interfaces: Patterns for Effective Interaction Design – This bestselling book is one of the few reliable sources to help you navigate through the maze of design options. By capturing UI best practices and reusable ideas as design patterns, Designing Interfaces provides solutions to common design problems that you can tailor to the situation at hand.

UI is Communication: How to Design Intuitive, User Centered Interfaces by Focusing on Effective Communication – User interface design is a challenging, multi-disciplinary activity that requires understanding a wide range of concepts and techniques that are often subjective and even conflicting. In UI is Communication, Everett McKay explains how to design intuitive user interfaces by focusing on effective human communication.

Designing with the Mind in Mind, Second Edition: Simple Guide to Understanding User Interface Design Guidelines – In this completely updated and revised edition of Designing with the Mind in Mind, Jeff Johnson provides you with just enough background in perceptual and cognitive psychology that user interface (UI) design guidelines make intuitive sense rather than being just a list or rules to follow.


100 Things Every Designer Needs to Know About People (Voices That Matter) – This book combines real science and research with practical examples to deliver a guide every designer needs. With it you’ll be able to design more intuitive and engaging work for print, websites, applications, and products that match the way people think, work, and play.



Thinking with Type, 2nd revised and expanded edition: A Critical Guide for Designers, Writers, Editors, & Students – Thinking with Type is the definitive guide to using typography in visual communication, from the printed page to the computer screen.

Type on Screen: A Critical Guide for Designers, Writers, Developers, and Students (Design Briefs) – The long awaited follow-up to our all-time bestseller Thinking with Type is here. Type on Screen is the definitive guide to using classic typographic concepts of form and structure to make dynamic compositions for screen-based applications.

Stop Stealing Sheep & Find Out How Type Works – After two decades as one of the world’s best-selling books on designing with type — including editions in Korean, German, Russian, Portuguese, and Polish — Stop Stealing Sheep & find out how type works continues to educate, entertain, and enlighten design students and type lovers around the globe.

On Web Typography – Learn how to wield type with care and wit: how to evaluate typefaces, consider technical constraints, create flexible typographic systems, and put together your own collection of favorite faces.



Design Elements, Color Fundamentals: A Graphic Style Manual for Understanding How Color Affects Design – Color is an integral part of any design solution. Design Elements, Color Fundamentals is an essential resource for designers who want to create a memorable design and successfully communicate with their audience.



Steal Like an Artist: 10 Things Nobody Told You About Being Creative – You don’t need to be a genius, you just need to be yourself. That’s the message from Austin Kleon, a young writer and artist who knows that creativity is everywhere, creativity is for everyone. A manifesto for the digital age, Steal Like an Artist is a guide whose positive message, graphic look and illustrations, exercises, and examples will put readers directly in touch with their artistic side.

Creative Workshop: 80 Challenges to Sharpen Your Design Skills – Within Creative Workshop, you’ll find 80 creative challenges that will help you achieve a breadth of stronger design solutions, in various media, within any set time period.



Other Helpful UI Resources




Daily UI – A 100 day of practicing UI that will help you to boost your UI skills.

Android Guidelines – The guidelines for designing to Android devices.

iOS Guidelines – The guidelines for designing to iOS devices.


Read Also

The Best 5 New UX Books Published In 2017

The One & Only Needed Skill For Designers

Never Ask About The UX Process


Thanks For Reading

Facebook Twitter Medium
















Leave a Reply

Be the First to Comment!

Notify of