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):
- Freebies.ByPeople - Free Design Resources
- Humans - Personal Webpage Inspiration
- Invision DSM - Design System Manager
- UI Goodies - Design Resources
- Get Waves - SVG Wave Generator
- Rive - Animation and Design Tool
- UI Store Design - UI Kits
- Khroma - AI Color Tool
- Eva Design System - Deep Learning Color Generator
- Maze - User Testing Platform
Thanks to @venkateshaj14, we got one more tool called Colors UI - a collection of 1000+ color palettes.
Top comments (8)
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.
Hi there, I've created a color palette tool called Colors UI (colorsui.com). Please check this out
Wonderful work! I have updated it :)
Thank you.
Hi Vaibhav,
Some really good resources on this list. Thanks for sharing.
Thanks for reading!
Thanks for featuring Sideway Vaibhav!
Welcome!