loading...
Cover image for Best design 🎨 resources websites every developer 💻 should bookmark🔖

Best design 🎨 resources websites every developer 💻 should bookmark🔖

theme_selection profile image themeselection Updated on ・9 min read

Are you looking for the best design resources websites? Well, then this collection is something every developer should bookmark, as it consists of the best resources that can help you to develop an amazing eye-catchy and visually enriched project.

Here you'll find the best websites and resources with modern UI components in different formats such as PSD, Sketch, Figma, Icons, and Illustrations, etc. They are great for ideas for web components/UI.

Product design is a very essential part of every developer's job. It's not just about a good look, it's about engaging visuals and overall presentation. For that, these various resources will be helpful. Rather than investing time and money in a long designing process, it is better to use such resources which provide ready to use components and features for a great, impressive, and awesome product. This way one can save lots of time and money as well.

It can be stressful to search for various resources here and there. That's why we decided to create this collection which will provide all the best resources websites in one place.

Now let's check out the collection below.

Alt Text

1. 100 Daily UI Free: Figma Library of Products, Elements, & Screens


100Daily UI

100 Daily UI Challenge is a free Figma library of elements and screens. You can customize all of them by changing colors, shapes, or elements. You can create some pretty awesome UI designs and create better products.

Made by Jan Janeczek

Free for commercial and personal use.

Licensed under CC BY 4.0

2. Icons 8: Free Vector Illustrations To Classup Your Project


iCONS 8

Icons 8 helps creators who don’t draw overcome the lack of quality graphics. Download the free PNG and SVG illustrations from top Dribbble artists to class up your product.

It offers the following.

3. Invision App: Library of Free, High-Qulatiy UI Kits, Icon Packs, & Mockups


Invision app

Invision app is the digital product design platform powering the world’s best user experiences. With intuitive tools for ideation, design, prototyping, and design management, the InVision platform gives you everything you need for digital product design, all in one place.

That's the reason why more than 7 million people at tens of thousands of companies are using it, including brands like American Express, Boeing, Netflix, Ikea, Slack, and Virgin Atlantic. InVision offers a built-in step-by-step onboarding tutorial.

It also offers the following:

Platform: macOS, Windows

Price: free

4. Uplabs: High-Quality Design Resources (Free & Premium)


Uplab

UpLabs is a website for designers and developers to find and share resources to build apps and sites. It is a community-powered marketplace that lets developers & designers share ready-to-ship UI resources like login boxes and payment forms to build apps and sites. Within the UpLabs community, designers and developers can get feedback from each other on live concepts, as well as buy and sell their prototypes.

Every day, UpLabs curates the best resources for the Web, iOS & macOS, and Material Design: user interfaces, experiments, open-source apps, libraries, and ready-to-use products.

UpLabs offers 3 showcases: –

5. Undraw: Open-Source Illustrations for Any Idea You Can Imagine & Create


Undraw

Undraw is a constantly updated library of high quality, beautiful vector icons, in four styles. It is royalty-free and Free to use on personal and commercial projects.

6. Sketch App Sources: Sketch UIs, Wireframes, Icons & much more


Sketch app source

7. Paaatterns: Free collection of Beautiful Patterns For All Vector Formats


Paaatterns

Use Paaatterns together with a powerful design system and speed up your workflow.

It offers the following:

8. Drawkit: Illustrations For Designers & Startups


Drawkit

Drawkit is a 100% free resource for Hand-drawn vector illustration and icons. It features amazing components that are perfect for your next project.

9. ManyPixels: Monochromatic, Isometric High Quality Illustrations


Manypixels

ManyPixels is a great option for businesses in need of graphic design services, but don’t want to deal with the overhead of an in-house graphic designer. It is used by over 1,300 customers.

Some of these customers include but companies like Beam, Decathlon, and Gartner.

Who can use ManyPixels?

  • Start-ups who need help with branding, email marketing, social media graphics, etc.
  • Marketing/ creative agencies who need email campaign designs, event graphics, or T-shirts.
  • Corporations in need of business reports, infographic illustration & eCommerce graphics.
  • Bloggers/ podcasts hosts who need catchy icons for their channel.

10. Humaaans: Cool Illustrations of People With The Ability To Mix & Match


Humaaans

Humaaans is a free library to mix-&-match illustrations of people. You can customize their positions, clothing, colors, and hairstyle to create some cool scenes. You can add backgrounds and use the power of libraries to make it your own.

Made by Pablo Stanley.

Available on

  • Sketch
  • Figma
  • InVision Studio
  • Adobe XD

This allows you to use the power of libraries so you can use your characters in multiple projects.

Mix-And-Match

  • 👗 Top Clothes
  • 👖 Bottom Clothes
  • 💇🏽‍♀️ Hair Styles
  • ☝🏽 Standing poses
  • 🐒 Sitting poses

Templates

  • 🖥 Web landing pages
  • 📱 Mobile error/success/empty states
  • 🛫 Onboarding flows so you can quickly get started.

11. Avataaars: Free Sketch Library of Avatars Illustrations


Avataaars

Create avatar illustrations in Sketch App with this free library. Combine clothes, hair, emotions, accessories, and colors.

Designed by Pablo Stanley 🎨

12. Freeillustration: Free Background Images for Awesome Landing Pages


Freeillustration

Freellustrations is a collection of high-resolution vector or illustrations background images for modern websites and landing pages. Updated every week with new illustrations with different topics. You can contact us to suggest new topics for illustration background images as per your need.

13. Freebiesketch: Free Sketch Designs, Wireframes, Illustrations, & More.


Freebiesketch

Freebiesketch is the best collection of Sketch app freebies ready to be downloaded. Resources for UX / UI designers, Web, mobiles, Mockups ready to easily edit Everything in .sketch

14. Blush: Free Customizable Illustrations With Figma Plugin


Blush

Blush is a tool that brings illustrations to everyone from artists around the world. The best thing is that you can customize every piece of an illustration to create your own compositions.

Blush is available as a plugin on Figma (Sketch coming soon) making it easy for designers to play with illustration in their design tool without losing context, in the canvas. Blush is also available as a Web App, so anyone can download illustrations and add them to their creations. You can create an eye-catchy banner for your blog posts, visually enriched slides, and can add some impressive visuals to your graphs.

15. IRA Design: An Open-Source Gradient Illustrations Collection By Creative Tim.


IRA Design

IRA comes with a great variety of ready-to-use features, gradients, and components. You can use the samples as they are or you can add a new block from the UI Kit.

With IRA Design, you can create amazing illustrations, using hand-drawn sketch components, a cool selection of 5 gradients, and ai., SVG. or png. formats.

You can choose your colors, objects, format, and scale your images without any quality change.

COMPONENTS:
  • 11 characters
  • 16 objects
  • 15 backgrounds

16. UI Design Daily: Free, Open-source UI design resources


UI Design Daily

UI Daily Design is a source where designers can get thousands of UI resources (i.e. XD, Sketch, Figma, etc.) for free. It is updated daily so that you never miss the best one you need. With UI design daily you can share these designs with anybody who is interested in using them as inspiration or research material.

17. UI Space: Thousands of great freebies


UI space

UI space offers the following for free

18. Open Doodles: A Free Set of Sketchy Illustrations


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.

19. Open Peeps: A hand-drawn illustration library.


Open Peeps

Open Peeps is a hand-drawn illustration library to create scenes of people. You can use them in product illustration, marketing, comics, product states, user flows, personas, storyboarding, quinceañera invitations, or whatever you want.

The library is in the public domain under the CC0 License. This means you can copy, modify, distribute, remix, burn, and use the work, even for commercial purposes, without asking permission

20. Free Illustrations


Free Illustrations

This is a library of Free Illustrations and Icons for everyone. You can use them for anything you like. It is free for commercial and personal use.

Conclusion

So, these are the best design website resources you can check for developing an amazing UI. We have prepared this collection so that you don't need to waste your time finding the UI Graphics resources. We have covered the best UI Graphics website resources. Although, as there are many available on the internet, there might be some left.

Well, this collection will surely help you to pick the best resource to makeover your project. By using the mentioned resources you can makeover your project by giving it an awesome look.

You can bookmark this collection, pin it, and share it with attributes.

If you are already using any which is not on the list or have used before then we would love to hear it out. Mention your favorite one in the comment section below.


About Us:

We, at ThemeSelection, provide selected high quality, modern design, professional and easy-to-use premium and free bootstrap admin template, and UI Kits.

You can check some of the admin templates which have used the mentioned sources. Chameleon Free Bootstrap Admin Template and Vuexy Vuejs, React, HTML & Laravel Admin Dashboard Template are the best example how you can use these resources for making your project awesome.

Discussion

pic
Editor guide
Collapse
mnlfischer profile image
Manuel

Thanks for sharing! One thing I would not recommend is Uplabs. 90% of the website functionality is a premium feature like load more and using filter, totally annoying. I think ui8 would be a better option. Howsoever, great work and hope to see more!

Collapse
theme_selection profile image
themeselection Author

That's true, it's not free now days. Thank you very much for your feedback and appreciation.🙂

Collapse
rahuldkjain profile image
Rahul Jain

Tired of updating GitHub profile README with the latest features again & again?

If yes, then I have developed a tool to do the same for you in just 1 click 🤓

🚀 Try the tool: live tool

If you find the tool useful, show some love by giving a ⭐ on ⭐️ repo

GitHub logo rahuldkjain / github-profile-readme-generator

🚀 Generate GitHub profile README easily with the latest add-ons like visitors count, GitHub stats, etc using minimal UI.

GitHub Profile Readme Generator

GitHub Profile README Generator

github-profile-readme-generator licence github-profile-readme-generator forks github-profile-readme-generator stars github-profile-readme-generator issues github-profile-readme-generator pull-requests join discord community of github profile readme generator

github-profile-readme-generator gif

View Demo · Report Bug · Request Feature

Loved the tool? Please consider donating 💸 to help it improve!

sponsor github profile readme generator Buy Coffee for rahuldkjain Buy Me A Coffee

Tired of editing GitHub Profile README with new features? This tool provides an easy way to create a GitHub profile readme with the latest add-ons such as visitors count, github stats, etc. 🚀 Demo

Try the tool: GitHub Profile README Generator

🧐 Features

Just fill in the details such as Name, Tagline, Dev Platforms Username, Current Work, Portfolio, Blog, etc. with a minimal UI.

  • Uniform Dev Icons

  • Uniform Social Icons

  • Visitors Counter Badge

  • GitHub Profile Stats Card

  • GitHub Top Skills

  • Dynamic Dev(.)to Blogs (GitHub Action)

  • Dynamic Medium Blogs (GitHub Action)

  • Dynamic Personal Blogs from RSS Feed (GitHub Action)

  • Wakatime Stats contribute

Click on Generate README to get your README in markdown You can preview the README too.

🛠️

Collapse
asifurrahamanofficial profile image
Asifur Rahaman

Awesome work bro, I'll definitely try it

Collapse
minoveaz profile image
Miller Camilo Vega

Thanks for this information really helpfully!! 👌🏻

Collapse
theme_selection profile image
themeselection Author

Thanks, Miller,

We're publishing the series of design resources for developers, follow us to stay tuned.

Collapse
lucasalt profile image
LucasAlt

A friend of mine shared Designs notes.
It's a library made by the community that regroup lots of design ressources.

Collapse
theme_selection profile image
themeselection Author

Nice list.👍

Collapse
soumya_diddi profile image
Soumya

These many options!! Thank you for the information.

Collapse
theme_selection profile image
themeselection Author

Thanks, Soumya.

You're welcome, Stay Safe 🙏

Collapse
fischgeek profile image
fischgeek

These are great! Thanks!

Collapse
theme_selection profile image
themeselection Author

You are welcome. We are glad that you find it helpful 🙂

Collapse
rogergcc profile image
Roger

icons 8 lines awesome.

Collapse
lostdesign profile image
André

Thanks for these, I might add some to webgems.io/design or if anyone wants to, here is the repo github.com/webgems/webgems

Collapse
theme_selection profile image
themeselection Author

Thank you very much for your suggestion.👍

Collapse
steevn profile image
steevn

This collection is 🔥 icons8.com looks pretty nice.

Collapse
theme_selection profile image
themeselection Author

Thanks, Steevn 🥳

You're welcome, Stay Safe 🙏

Collapse
mihir9376 profile image
mihir9376

Thanks, It Was So Informative And Helpful resources.

Collapse
theme_selection profile image
themeselection Author

You are welcome. Thank you very much for your appreciation.
We are glad that you find it helpful. 🙂

Collapse
nikmors profile image
Nik Moraitis

Your list is brilliant! I am soo.. overwhelmed with the choices you gave us. Thank you a lot! Definitely i am using these website design resources!

Collapse
theme_selection profile image
themeselection Author

Thank you very much for your appreciation 👍. We are glad that you find this article useful.🙂

Collapse
andrewbaisden profile image
Andrew Baisden

Some good resources here that I did not know about.

Collapse
theme_selection profile image
themeselection Author

Thank you very much for your appreciation. We are glad that you find it useful.🙂

Collapse
mdhesari profile image
Mohammad Fazel

Wow! amazing resources. Thank you.

Collapse
theme_selection profile image
themeselection Author

You are welcome. We are glad that you find it useful.🙂

Collapse
agathebadia profile image
Agathe Badia

This is gold! Thank you so much for sharing!! :D

Collapse
theme_selection profile image
themeselection Author

You are welcome. We are glad that you find it helpful🙂

Collapse
moorthyrm profile image
MOORTHY

Thank you for the valuable information 👏

Collapse
theme_selection profile image
themeselection Author

You are welcome. We are glad that you find it helpful 🙂

Collapse
atulcodex profile image
Atul Prajapati

Wonderful resources :)

Collapse
theme_selection profile image
themeselection Author

You are welcome. We are glad that you find it helpful 🙂

Collapse
delta456 profile image
Swastik Baranwal

Amazing resource!

Collapse
theme_selection profile image
themeselection Author

You are welcome. We are glad that you find it helpful 🙂

Collapse
colpshift profile image
colpshift

Thanks lot, very helpfully :-)

Collapse
theme_selection profile image
themeselection Author

You are welcome. We are glad that you find it helpful 🙂

Collapse
benrobventures profile image
benrobventures

Wow...I love this article,do more ... I want you to write on the research that every developer needs to do before building a client project.

Collapse
theme_selection profile image
themeselection Author

You are welcome. We are glad that you find it helpful 🙂
Thank you very much for your suggestion. We'll surely work on it.👍

Collapse
dreamchild7 profile image
dreamchild7

This is nice. Thanks for the information.

Collapse
theme_selection profile image
themeselection Author

You are welcome. Thank you very much for your appreciation.
We are glad that you find it helpful. 🙂

Collapse
leewynne profile image
lee

This is fabulous 🦥

Collapse
theme_selection profile image
themeselection Author

You are welcome. 🙂

Collapse
mdeveloper profile image
mdeveloper

Thanks very much

Collapse
theme_selection profile image
themeselection Author

You are welcome.🙂

Collapse
kdfemi profile image
MiniSoda

Much love

Collapse
theme_selection profile image
themeselection Author

You are welcome. Thank you very much for your appreciation.
We are glad that you find it helpful. 🙂

Collapse
fwd079 profile image
Fawad

Thanks, wondaful indeed. Instead of so many, I've bookmarked your thread here. lol

Collapse
theme_selection profile image
themeselection Author

Thank you very much. That's the reason we prepared this collection.

Collapse
ajaypatel_aj profile image
Ajay Patel

Great collection, definitely helpful for developers to save time to find the best design resources. 🚀

Collapse
theme_selection profile image
themeselection Author

Thanks, Ajay 🤘

You're welcome, Stay Safe 🙏

Collapse
skaldebane profile image
Hossam Elbadissi

Amazing! Thanks a lot for these valuable sources!

Collapse
theme_selection profile image
themeselection Author

Thanks, Hossam Elbadissi

You're welcome, Stay Safe 🙏

Collapse
shadowx99 profile image
Arefat Hyeredin

This is a great list of resources you shared. Thanks so much. I have used some of them before and now you have equipped me with more. Appreciate all your work. Kepp it up!!

Collapse
theme_selection profile image
themeselection Author

Thank you very much for your appreciation.👍 We are glad that you find our article useful. 🙂

Collapse
damirljub profile image
Damir Ljubičić

I would recommend bookmarking Designnotes.co as well.

Collapse
tannu2790 profile image
Collapse
evianoa_25 profile image
evianoa

Thanks for sharing. Much appreciated!

Collapse
theme_selection profile image
themeselection Author

You are welcome. We are glad that you find it helpful.🙂