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.

---

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

Free illustrations, for everything

4. FreeIllustrations - Illustrations

Download free illustrations background images for your awesome landing pages.

5. UpLabs - Design

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

6. Coolors - Colors

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

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

9. Material Design Pallete - Color Pallete Generator

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 is a series of daily design challenges, design inspiration and neat surprise rewards.

12. FontPair - Fonts Resource

FontPair helps you pair your Google Fonts together.

13. Undesign - Design Collection

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

14. SaaS landing page examples - Design Inspiration

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 is the ultimate design tool depository. Find, vote, save and share your favorite design tools now!

16. Colors & Fonts. - Fonts and Colors Resource

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

17. Stylify Me - Style Guide Generator

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 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

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

20. CalColor - Color Calculator

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

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

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

23. Sideway - Design Inspiration

A community of designers showcasing published digital design work.

24. Gradientify - SVG Icons

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

25. Orion - Icon Library

A unique icon library with lots of customisations.

26. Interfacer - Free Design Resources

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

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

28. Design System Playground - Theme Generator

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

29. Wireframer - Wireframing

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

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.