DEV Community

Cover image for Bookmark these websites for your next UI project right now! 🎨
Vaibhav Khulbe
Vaibhav Khulbe

Posted on • Updated on

Bookmark these websites for your next UI project right now! 🎨

Over the past 2-3 years, I've been bookmarking some of those websites which I think can definitely help a beginner or a professional in his/her day-to-day life. These range from websites that guide you on colours to those which provide high-quality illustrations. Any why only I should enjoy these bookmarks, the DEV Community members can too! πŸ˜‰

Note: if you're reading this in future, find any link broken, then let me know in the comments. I want to keep this updated.

Let's go! GIF


1. uizard - Speed up your workflow

Transform your hand-drawn wireframes into digital design files and front-end code – automatically!

2. Line Awesome - Icons

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

3. Glaze - Illustrations

Glaze illustration example

Free illustrations, for everything

4. FreeIllustrations - Illustrations

FreeIllustrations demo

Download free illustrations background images for your awesome landing pages.

5. UpLabs - Design

Demo image from UpLabs

UpLabs is the place to find high-quality design resources for designers, creative agencies and developers

6. Coolors - Colors

Coolors website

Create, save and share perfect palettes in seconds!

7. Figma YouTube - Videos and Tutorials

Figma's official channel on YouTube where they share best practices and hands-on tutorials.

8. AppLaunchpad - Mockup Generator

Mockup Generator

Create quality product mockups with just a few clicks, for free.

9. Material Design Pallete - Color Pallete Generator

Material Design Pallete

Create palletes, get live mobile preview along with Material icons and colors.

10. Artboard Studio - Mockups Generator Tool

Design, animate, collaborate and present your projects with an extensive library of assets and templates right in the browser.

11. Daily UI - Design Challenge

Daily UI

Daily UI is a series of daily design challenges, design inspiration and neat surprise rewards.

12. FontPair - Fonts Resource

FontPair

FontPair helps you pair your Google Fonts together.

13. Undesign - Design Collection

Undesign

Collection of free design tools and resources for makers, developers and designers.

14. SaaS landing page examples - Design Inspiration

SaaS landing page examples

Discover the best landing page examples created by top-class SaaS companies, and get ideas and inspiration for your next design project.

15. DesignValley - Design Tool Collection

DesignValley

DesignValley is the ultimate design tool depository. Find, vote, save and share your favorite design tools now!

16. Colors & Fonts. - Fonts and Colors Resource

Colors & Fonts

A curated library of colors, fonts and resources for web developers & digital designers.

17. Stylify Me - Style Guide Generator

Stylify Me

This tool allows the designer to research sites efficiently without the need to inspect each element, in order to be aware of current design trends and inform their own design decisions.

18. FontSpark - Discover Fonts

FontSpark

FontSpark is a simple tool to help designers quickly find the best fonts for their projects. By randomly generating fonts from a curated list of popular web fonts, designers are sure to break out of the habit of using the same 3 or 4 fonts in nearly every project and discover the perfect fit for their next website or design.

ColorSpark comes from the same creators but this one is for colors and gradients.

19. Designs Systems Repo - Design Systems Resources

Designs Systems Repo

A frequently updated collection of Design System examples, articles, tools and talks.

20. CalColor - Color Calculator

CalColor

A new way to manage digital colors. Leave abstract color models behind and focus on the important things.

21. Free Design Resources - Free Design Resources

Free Design Resources

High quality design resources for free. Crafted with love from amazing artists and professional designers around the world, ranging from fonts, mockups, graphics, templates & more.

22. Endless Icons - Free Icon Library

Endless Icons

EndlessIcons was created to share icons and creative stuff with the design community.

23. Sideway - Design Inspiration

Sideway

A community of designers showcasing published digital design work.

24. Gradientify - SVG Icons

Gradientify

An interactive free SVG icons pack specially made for gradient lovers!

25. Orion - Icon Library

Orion

A unique icon library with lots of customisations.

26. Interfacer - Free Design Resources

Interfacer

Interfacer is a collection of high quality free Design Resources created by the most talented and awesome people on the Internet. You can use all of them in commercial projects.

27. Collect UI - Design Inspiration

Collect UI

Daily inspiration collected from daily ui archive and beyond. Hand picked, updating daily.

28. Design System Playground - Theme Generator

Design System Playground

Play with typography and colors to generate a design system theme you can use in your projects.

29. Wireframer - Wireframing

Wireframer

Wireframer allows you to customise the text wireframe for your project to generate the SVG code or download it as SVG file. It also has a Figma plugin.

30. UI8 - Design Resources

UI8

3,914 curated design resources to energize your creative workflow


Looks like we've had enough...but here's more (without images):

  1. Freebies.ByPeople - Free Design Resources
  2. Humans - Personal Webpage Inspiration
  3. Invision DSM - Design System Manager
  4. UI Goodies - Design Resources
  5. Get Waves - SVG Wave Generator
  6. Rive - Animation and Design Tool
  7. UI Store Design - UI Kits
  8. Khroma - AI Color Tool
  9. Eva Design System - Deep Learning Color Generator
  10. Maze - User Testing Platform

Thanks to @venkateshaj14, we got one more tool called Colors UI - a collection of 1000+ color palettes.

πŸ“« Subscribe to my weekly developer newsletter πŸ“«

PS: From this year, I've decided to write here on DEV Community. Previously, I wrote on Medium. If anyone wants to take a look at my articles, here's my Medium profile.

Top comments (8)

Collapse
 
tylor44 profile image
Tylor44

I didn't know how to generate Random Slugs, and now I can do it easily thanks to the information you brought us. There are not so many words to dissertation writers as you deserve.

Collapse
 
venkateshaj14 profile image
Venkatesh AJ

Hi there, I've created a color palette tool called Colors UI (colorsui.com). Please check this out

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

Wonderful work! I have updated it :)

Collapse
 
venkateshaj14 profile image
Venkatesh AJ

Thank you.

Collapse
 
san00 profile image
Osania - sancodes

Hi Vaibhav,
Some really good resources on this list. Thanks for sharing.

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

Thanks for reading!

Collapse
 
designcrumble profile image
Kshitij Choudhary

Thanks for featuring Sideway Vaibhav!

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

Welcome!