Best design 🎨 resources websites every developer 💻 should bookmark🔖
Tags: webdev, productivity, css, html
Published: 2020-09-17 13:01:00

Are you looking for the **best design resources for 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-catching, 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, 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 design process, it is better to use such resources that 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 and websites in one place.

{% youtube H6rhjgQndGU %}


Now let's check out the collection below.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/u382sr9bftkifns7x0lv.gif)

#### [Exemplar: Free Avatar Library For Figma and Sketch](https://themeselection.com/products/exemplar-free-avatar-library-for-figma-and-sketch/): Make your project unique. 

[
![Free avatar Library](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s9eqbvzge92tlugi529h.jpg)
](https://themeselection.com/products/exemplar-free-avatar-library-for-figma-and-sketch)

Exemplar – Avatar Library comes with 20 Avatars. You can use them for your application by customizing colors and shapes..!! It is a hand-picked-style library of user profiles. While working on a project involving a lot of profiles we realized that a styles library is much faster to use than a plugin, so to save time and make it easy, we have prepared this library.

It offers:

- Figma components
- Sketch symbols
- 20 Free Avatar
- Resizable, High Resolution & Customisable
- Suitable for Web & Apps

Made by [Themeselection](https://twitter.com/Theme_Selection)
#### [Sneat Bootstrap 5 HTML Admin Template](https://themeselection.com/products/sneat-bootstrap-html-admin-template/) (The Best Bootstrap 5 HTML Admin Template🤩)


[![Sneat Bootstrap 5 HTML Admin Template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2rpszziuy9nb0p05hkw.png)](https://themeselection.com/item/sneat-bootstrap-html-admin-template/)

[**Sneat Bootstrap 5 HTML Admin Template**](https://themeselection.com/item/sneat-bootstrap-html-admin-template/) – is the latest most developer-friendly 🤘🏻 & highly customizable✨ Admin Dashboard Template based on [Bootstrap 5](https://getbootstrap.com/). Besides, the highest industry standards are considered to bring you the best bootstrap admin template that is not just fast🚀and easy to use, but highly scalable.

Furthermore, you can use this one of the best innovative **[Bootstrap admin templates](https://themeselection.com/products/category/bootstrap-admin-templates/)** to create eye-catching, high-quality, and high-performing Web Applications. Besides, your apps will be completely responsive, ensuring they’ll look stunning and function flawlessly on desktops, tablets, and mobile devices.

**Features:**

-   Based on **Bootstrap 5**
-   **Vertical & Horizontal** layouts
-   Default, Bordered & Semi-dark themes
-   **Light & Dark** mode support
-   Internationalization/i18n & RTL Ready
-   [Layout Generator](https://themeselection.com/tools/generator/sneat/html)
-   [Theme Config](https://themeselection.com/demo/sneat-bootstrap-html-admin-template/documentation/config.html): Customize our template without a sweat.
-   SASS Powered
-   Fully Responsive Layout
-   Clean & Commented Code
-   [Well Documented](https://themeselection.com/demo/sneat-bootstrap-html-admin-template/documentation/index.html)
-   Enjoy hassle-free support

[Download](https://themeselection.com/products/sneat-bootstrap-html-admin-template/) [Demo](https://themeselection.com/demo/sneat-bootstrap-html-admin-template/landing/)

Also available in  [**React Dashboard**](https://themeselection.com/item/category/react-admin-templates/)  Version.

[![Sneat MUI React NextJS Admin Template](https://miro.medium.com/max/630/1*JGbgU6tCnEL-4mzm3a4YqA.png)](https://themeselection.com/item/sneat-mui-react-nextjs-admin-template/)

#### [Bootstrap 5 Cheatsheet](https://bootstrap-cheatsheet.themeselection.com/): An interactive list of Bootstrap 5 classes, variables, and mixins
[
![bootstrap 5 cheatsheet](https://dev-to-uploads.s3.amazonaws.com/i/ka6wk73j9mw59boossvf.jpg)
](https://bootstrap-cheatsheet.themeselection.com/)

*Bootstrap 5 cheat sheet* is an interactive list of Bootstrap 5 classes, variables, and mixins. It helps you easily find the differences between Bootstrap 4 and Bootstrap 5.

Besides, it is aimed towards a large community of bootstrap users who find it difficult to search for bootstrap classes, variables, and mixins.

Key Features are: 

- Search for your [class](https://bootstrap-cheatsheet.themeselection.com/), [variable](https://bootstrap-cheatsheet.themeselection.com/variables.html), or [mixin](https://bootstrap-cheatsheet.themeselection.com/mixins.html)
- Highlight Difference Between Bootstrap 4 & 5 Classes
- Live preview of HTML & code snippet
- Update code snippet on the go
- Easily copy the code snippet and use it

#### [Free Figma Bootstrap 5 UI Kit](https://themeselection.com/products/free-figma-bootstrap-ui-kit/)

![Free Figma Bootstrap UI Kit](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ik3mzvimyuiv0r6hsku6.jpeg)

Figma Bootstrap UI Kit comprised 300+ organized Bootstrap 5 components built with an atomic design system & auto layout. Kickstart your next Figma project Just drag and drop pre-made components from the Assets panel. Configure them in the right sidebar. Fast and simple, as should be.

**Features:**

- Auto Layout
- Resize any components horizontally or vertically
- 300+ organized Bootstrap 5 components built with atomic design
- Easy to customize

#### [Materio – Figma Admin Dashboard Builder & UI Kit](https://themeselection.com/item/materio-figma-admin-dashboard-builder-ui-kit/)  (Best Figma eCommerce Template & UI kit🤩)


[![Materio – Figma Admin Dashboard Builder & UI Kit](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ev2j205yqp1tpeedgwzk.png)](https://themeselection.com/item/materio-figma-admin-dashboard-builder-ui-kit/)


The  **most feature-rich material design system** with ready-to-use components and elements for building a seamless user experience.

It consists of **500+ organized components.** Besides, this Figma Admin Template UI kit is built with an atomic design system & auto layout**.** Furthermore, this **Figma Admin Dashboard Builder & UI kit**  also offers 3 dashboards, 100+ Screens, and light & dark modes.

You can now kick-start your next Figma project by just dragging & dropping the pre-made components from the Assets panel. Also, you can configure them in the right sidebar. Fast and simple, as should be.

In addition, it also helps you to easily set up colors, typography & border-radius that change everywhere instantly in UI Kit. Also, this Figma admin dashboard UI Kit template allows you to easily update the state of the component.

You don’t need to be afraid to change a variant if you edit a component. The settings you have configured will be saved, such as text, icons, and even size. Thus, it is one of the best  [**Figma UI Kits**](https://themeselection.com/products/category/figma-ui-kits/)  you will ever need.

**Features:**

-   Atomic Design
-   Auto Layout
-   Easy to Customize
-   500+ Components
-   Text Variables
-   Well Organized
-   100% Vector
-   Light & Dark Layout
-   Pixel Perfect
-   100+ Screens and much more

Also, available in  [**Bootstrap Dashboard**](https://themeselection.com/item/category/bootstrap-admin-templates/)  Version.

[![Materio Bootstrap 5 HTML Admin Template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wn4729udhun1vnxmi7su.png)](https://themeselection.com/item/materio-bootstrap-html-admin-template/)

####[ZipBoard](https://zipboard.co/)

![ZipBoard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y8bvb18wqqx8xfb06l50.png)

zipBoard is an online visual feedback and bug-tracking solution for static and live websites. It lets you review your website, provide contextual feedback, and collaborate with stakeholders.

zipBoard simplifies the bug-tracking process for web developers, UX/UI designers, and reviewers. With zipBoard, you can review all your online proofs on a centralized platform and eliminate the endless email chains and screen-sharing meetings.

As an issue-tracking tool, zipBoard lets you annotate directly on top of your screen with the many markup tools it has to offer. It has an easy-to-use, simple UI, handy while getting feedback from non-technical clients and stakeholders which is often the need for web developers/designers.

**Features**

 - Custom APIs and features
 - Annotate directly on your screen
 - Multiple sharing options
 - Friendly interface
 - Clear designation of roles
 - Unlimited projects/collaborators:
 - Out-of-the-box integrations:

#### [Free Sketch Bootstrap 5 UI Kit](https://themeselection.com/products/free-sketch-bootstrap-ui-kit/)

![free sketch bootstrap ui kit](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tjxpihfmkrem81z4rl6e.jpeg)

Sketch Bootstrap UI Kit comprising of 300+ organized Bootstrap 5 components built with atomic design system & smart layout. Kickstart your next Sketch project Just drag and drop pre-made components from the Assets panel

**Features:**

- Smart Layout
- Resize any components horizontally or vertically
- 300+ organized Bootstrap 5 components built with atomic design
- Easy to customize


#### [100 Daily UI Free](https://100dailyui.webflow.io/): Figma Library of Products, Elements, & Screens
[
![100Daily UI](https://dev-to-uploads.s3.amazonaws.com/i/9o7xfvcvjbkgy6sfey97.png)
](https://100dailyui.webflow.io/)

**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](https://janjaneczek.com/)  
Free for commercial and personal use.  
Licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)

#### [Invision App](https://www.invisionapp.com/inside-design/design-resources/): Library of Free, High-Quality UI Kits, Icon Packs, & Mockups
[
![Invision app](https://dev-to-uploads.s3.amazonaws.com/i/l2osyvc7d55wkkdt10y1.png)
](https://www.invisionapp.com/inside-design/design-resources/)

**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](https://www.americanexpress.com/in/), [Boeing](https://www.boeing.com/), [Netflix](https://www.netflix.com/in/), [Ikea](https://www.ikea.com/), [Slack](https://slack.com/intl/en-in/), and [Virgin Atlantic](https://www.virginatlantic.com/). Invision offers a built-in step-by-step onboarding tutorial.

It also offers the following:

-   [Free Icon Packs](https://www.invisionapp.com/inside-design/design-resources/collections/icon-packs/)
-   [App Templates](https://www.invisionapp.com/inside-design/design-resources/collections/mobile-app-templates/)
-   [Website and App Mockups](https://www.invisionapp.com/inside-design/design-resources/collections/mockups/)
-   [Photoshop Templates](https://www.invisionapp.com/inside-design/design-resources/collections/photoshop-templates/)
-   [Responsive Design Templates](https://www.invisionapp.com/inside-design/design-resources/collections/responsive-design-templates/)
-   [Sketch Templates](https://www.invisionapp.com/inside-design/design-resources/collections/sketch-templates/)
-   [Studio Templates](https://www.invisionapp.com/inside-design/design-resources/collections/studio-templates/)
-   [UI Elements and Components](https://www.invisionapp.com/inside-design/design-resources/collections/ui-elements/)
-   [Free UI Kits](https://www.invisionapp.com/inside-design/design-resources/collections/ui-kits/)
-   [Web Design Templates](https://www.invisionapp.com/inside-design/design-resources/collections/website-design-tempaltes/)

**Platform**: macOS, Windows  
**Price**: free

#### [Icons 8](https://icons8.com/): Free Vector Illustrations To Classup Your Project

![Icons 8](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f6tdhzpdtcwuo4wqylj0.png)

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.

-   [Icons](https://icons8.com/icons)
-   [Stock photos](https://photos.icons8.com/)
-   [AI-generated faces](https://generated.photos/)
-   [Vector illustrations](https://icons8.com/illustrations)
-   [Royalty-free music](https://icons8.com/music)
-   [Line Awesome](https://icons8.com/line-awesome)
-   [EmojiNew](https://icons8.com/emoji)

#### [Uplabs](https://www.uplabs.com/): High-Quality Design Resources (Free & Premium)
[
![Uplab](https://dev-to-uploads.s3.amazonaws.com/i/0f3o6v4a9n69pef66xi3.png)
](https://www.uplabs.com/)

**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](https://uplabs.com/web), [iOS & macOS](https://uplabs.com/ios), and [Material Design](https://uplabs.com/material): user interfaces, experiments, open-source apps, libraries, and ready-to-use products.

UpLabs offers 3 showcases: –

-   [MaterialUp](http://www.materialup.com/)  for Material Design
-   [iOSUp](http://www.ios.uplabs.com/)  for iOS/OS X
-   [SiteUp](http://www.site.uplabs.com/)  for Web design

#### [Undraw](http://undraw.co/): Open-Source Illustrations for Any Idea You Can Imagine & Create
[
![Undraw](https://dev-to-uploads.s3.amazonaws.com/i/m41yru6p7qguwoylrpj4.png)
](http://undraw.co/)

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

#### [Sneat Sketch Admin Dashboard UI Kit template](https://themeselection.com/products/sneat-sketch-admin-dashboard-ui-kit-template/)


[![Sneat Sketch Admin Dashboard UI Kit template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/inhgmlyqre48db2kbc84.png)](https://themeselection.com/item/sneat-sketch-admin-dashboard-ui-kit-template/)

Design your powerful template in minutes 🚀 with ready-to-use **Bootstrap 5 components**  in Sketch

**[Sneat Sketch Admin Dashboard UI Kit template](https://themeselection.com/products/sneat-sketch-admin-dashboard-ui-kit-template/)** consists of 500+ organized Bootstrap 5 components. Besides, this [sketch](https://www.sketch.com/) Admin Template UI kit is built with an atomic design system & smart layout. Furthermore, this sketch Admin dashboard UI Kit** template also offers 3 dashboards, 6 layouts, 40+ pages, and light & dark modes. You can now kick start your next Sketch project by using Just drag and drop pre-made components from the Assets panel. Also, you can configure them in the right sidebar. Fast and simple, as should be.

In addition, it also helps you to easily set up colors, typography & border-radius that change everywhere instantly in UI Kit. Also, this sketch admin dashboard UI Kit template allows you to easily update the state of the component. You don't need to be afraid to change a variant if you edit a component. The settings you have configured will be saved, such as text, icons, and even size. Thus, it is one of the best **[Sketch UI Kits](https://themeselection.com/products/category/sketch-ui-kits/)** you will ever need. In case you are looking for a bootstrap version then do check the [bootstrap admin templates](https://themeselection.com/products/category/bootstrap-admin-templates/) 

**Features:**

-   Atomic Design
-   Easy to Customize
-   500+ Components
-   Bootstrap Grid
-   Text Variables
-   Well Organized
-   100% Vector
-   Smart Layout
-   Light & Dark Layout
-   Pixel Perfect
-   100+ Screens and much more

[Demo](https://scene.zeplin.io/project/60d18472ab2369110741a0d6) [Download](https://themeselection.com/products/sneat-sketch-admin-dashboard-ui-kit-template/)

If you're looking for the same UI kit in Figma then check this [Figma UI Kit](https://themeselection.com/item/category/figma-ui-kits/)

[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fjylq3md14irqe642ge4.png)](https://themeselection.com/item/sneat-figma-admin-dashboard-builder-ui-kit/)

#### [Sketch App Sources](https://www.sketchappsources.com/): Sketch UIs, Wireframes, Icons & much more
[
![Sketch app source](https://dev-to-uploads.s3.amazonaws.com/i/jykpgr1l2n7tbec6vtu6.png)
](https://www.sketchappsources.com/)

#### [Paaatterns](https://products.ls.graphics/paaatterns/): Free collection of Beautiful Patterns For All Vector Formats
[
![Paaatterns](https://dev-to-uploads.s3.amazonaws.com/i/uozxnby6hedd9advn0ue.png)
](https://products.ls.graphics/paaatterns/)

Use Paaatterns together with a powerful  [design system](https://www.ls.graphics/dsk)  and speed up your workflow.

It offers the following:

-   [UI/UX Tools](https://www.ls.graphics/ui-ux-tools)
-   [Devices Mockups](https://www.ls.graphics/devices-mockups)
-   [Scene Creators](https://www.ls.graphics/scene-creators)
-   [Branding Mockups](https://www.ls.graphics/branding-mockups)

#### [Drawkit](http://drawkit.io/): Illustrations For Designers & Startups

[
![Drawkit](https://dev-to-uploads.s3.amazonaws.com/i/xdauclg6o863n7kryi5x.png)
](http://drawkit.io/)

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

#### [ManyPixels](http://manypixels.co/): Monochromatic, Isometric High Quality Illustrations

[
![Manypixels](https://dev-to-uploads.s3.amazonaws.com/i/wwr06afon3idlwmzvmd9.png)
](http://manypixels.co/)

**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 companies like [Beam](https://www.beamsuntory.com/), [Decathlon](https://www.decathlon.com/), and [Gartner](https://www.gartner.com/en).

**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 illustrations & eCommerce graphics.
-   Bloggers/podcast hosts who need catchy icons for their channels.

#### [Materio – Vuetify Vuejs Admin Template](https://themeselection.com/products/materio-vuetify-vuejs-admin-template)

![Materio Vuetify Vuejs Admin Template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1ambnsetr1uusr9gnep0.png)

[**Materio Vuetify Vuejs Admin Dashboard Template**](https://themeselection.com/products/materio-vuetify-vuejs-admin-template "Download: Materio Admin Dashboard Template") – is the latest most developer-friendly 🤘🏻 & highly customizable ✨ Admin Dashboard Template based on  [Vuetify](https://vuetifyjs.com/en/). If you’re a developer looking for a Vuejs Admin Template that is enriched with features, and highly customizable look no further than the Materio Vuetify Vuejs admin template🤩. Besides, the highest industry standards are considered to bring you one of the best  [VueJS admin templates](https://themeselection.com/products/category/vuejs-admin-templates/)  that are not just fast  🚀 and easy to use, but highly scalable. Offering ultimate convenience and flexibility, you’ll be able to build whatever web application you want with very little hassle.

[![Figma Admin dashboard UI Kit](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8hc4wbltzvhmu3f877v6.png)](https://themeselection.com/products/materio-figma-admin-dashboard-ui-kit/)

Materio also offers invaluable features that aim to help you create premium quality single-page apps exactly as you imagine them. Furthermore, it comes with unique and useful tools such as fuzzy search, Dark, Semi-Dark & Bordered layout options, Advanced cards, and Charts. In addition, it offers amazing features as follows.

**Features:**

-   Pure VueJS, No jQuery Dependency
-   Created with Vue CLI
-   Utilizes Vuex, Vue Router, Webpack
-   Code Splitting, Lazy loading
-   JWT Authentication
-   Access Control (ACL)
-   RTL supported
-   i18n Page
-   Multi-lingual Support
-   2 chart libraries
-   3 Dashboard
-   SASS Powered and many more.

If you are looking for a [Laravel Admin Template](https://themeselection.com/products/category/laravel-admin-templates/), Then check The Materio VueJS Laravel Admin Template.
[![VueJS Laravel Admin Template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/smqtzci622ap9mlczf52.png)](https://themeselection.com/products/materio-vuetify-vuejs-laravel-admin-template/)

#### [MaterialPro Vuetify Admin](https://www.wrappixel.com/templates/materialpro-vuetify-admin/)

![MaterialPro admin template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/68fg48smg1od7wkw27ft.png)

MaterialPro Vuejs admin dashboard is based on Vuetify and comes with a refreshing look with many ready-to-use features. It is based on the famous Google’s material design. MaterialPro Vuetify dashboard comes with a few customizable application designs, which can be a great start for you to build a relative application. MaterialPro Vuetify js admin panel template is multi-purpose and perfect for building any kind of web application and product. You can use it to create inventory management, warehouse management, accounting software, any SaaS-based application, and many more.

#### [Humaaans](https://www.humaaans.com/): Cool Illustrations of People With The Ability To Mix & Match

[
![Humaaans](https://dev-to-uploads.s3.amazonaws.com/i/c11a8qdfi62gbwvwu3tp.png)
](https://www.humaaans.com/)

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

Made by [Pablo Stanley](https://twitter.com/pablostanley).

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

#### [Avataaars](https://avataaars.com/): Free Sketch Library of Avatars Illustrations

[
![Avataaars](https://dev-to-uploads.s3.amazonaws.com/i/cecuv7km1u7dw3m4lgws.png)
](https://avataaars.com/)

Create avatar illustrations in [Sketch App](https://www.sketchapp.com/)  with this free library. Combine clothes, hair, emotions, accessories, and colors.

Designed by **[Pablo Stanley](https://twitter.com/pablostanley)** 🎨

#### [Freeillustration](https://freellustrations.com/): Free Background Images for Awesome Landing Pages
[
![Freeillustration](https://dev-to-uploads.s3.amazonaws.com/i/lx6i0nubagg63qbguxwh.png)
](https://freellustrations.com/)

**Free illustration** is a collection of high-resolution vector or illustration 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 needs.

#### [Freebiesketch](http://freebiesketch.com/): Free Sketch Designs, Wireframes, Illustrations, & More.
[
![Freebiesketch](https://dev-to-uploads.s3.amazonaws.com/i/6kefi6yg25zr7o3s05f4.png)
](http://freebiesketch.com/)

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

#### [Blush](https://blush.design/): Free Customizable Illustrations With Figma Plugin

[
![Blush](https://dev-to-uploads.s3.amazonaws.com/i/hvni3o8h6xpw6v5l8m9m.png)
](https://blush.design/)

**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-catching banner for your blog posts, and visually enriched slides, and can add some impressive visuals to your graphs.

#### [IRA Design](https://iradesign.io/): An Open-Source Gradient Illustrations Collection By Creative Tim.

[
![IRA Design](https://dev-to-uploads.s3.amazonaws.com/i/ssqr97ala1ognoazwst9.png)
](https://iradesign.io/)

**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](https://www.creative-tim.com/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

#### [UI Design Daily](https://uidesigndaily.com/): Free, Open-source UI design resources 

[
![UI Design Daily](https://dev-to-uploads.s3.amazonaws.com/i/kcuj2vsdflum1pjhe9f6.png)
](https://uidesigndaily.com/)

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

#### [UI Space](https://uispace.net/): Thousands of great freebies

[
![UI space](https://dev-to-uploads.s3.amazonaws.com/i/9vdicrak4r4qq9fzaa66.png)
](https://uispace.net/)

**UI space** offers the following for free

 - [PSD Files](https://uispace.net/free-psd)
 - [Fonts](https://uispace.net/free-font)
 - [Icons](https://uispace.net/free-icons)
 - [AI resources](https://uispace.net/free-ai)
 - [Sketch Resources](https://uispace.net/free-sketch)
 - [Scripts and Codes](https://uispace.net/free-code)

#### [Open Doodles](https://www.opendoodles.com/): A Free Set of Sketchy Illustrations

[
![Open doodles](https://dev-to-uploads.s3.amazonaws.com/i/klzmigvlckq3pv69d5ed.png)
](https://www.opendoodles.com/)

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

#### [Open Peeps](https://www.openpeeps.com/): A hand-drawn illustration library.

[
![Open Peeps](https://dev-to-uploads.s3.amazonaws.com/i/sht323fxzm933u9x3h7i.png)
](https://www.openpeeps.com/)

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

#### [Free Illustrations](https://lukaszadam.com/illustrations)

[
![Free Illustrations](https://dev-to-uploads.s3.amazonaws.com/i/h5qrqy6skts3x6vhspdv.png)
](https://lukaszadam.com/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.

#### [Papersizes](https://papersizes.io/)

[
![Papersizes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e2uq8ca28eem2ube32g9.png)
](https://papersizes.io/)

**Paper size** is a comprehensive resource listing of all paper sizes, dimensions, and formats.

#### [Handz design](https://www.handz.design/): A 3D illustration library

[
![Handz design](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6poz05bb5regvdq3ljxw.png)
](https://www.handz.design/)
**Handz** is an amazing library of various 3D hand illustrations. It is available both for free and premium. You can customize the color and get more variations to meet your needs.

**Free version offers**

 - Source (.blend) files
 - 320+ PNGs files renderer
 - 12 hands gesture 
 - 9 color skins 3 variations of sleeves.

It is more than  **320 combinations**  of hand out of the box.

#### [Flowlava](https://flowlava.club/): Illustration Constructor
 
[
![Flowlava](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bmuqbl3sw2x6gcnjn0bn.png)
](https://flowlava.club/)
**Flowlava** lets you create an attractive and unique project with futuristic characters by easy to use constructor. It is available for Sketch and Figma. It is highly customizable and easy to use. You can customize the color, shape, and hairstyle with ease. It is available in both the free and premium versions.

**Free version offers:**

 - 9 Characters
 - Color System
 - 16 Backgrounds
 - Blobs and Objects
 - 16 Scenes
 - Personal & Commercial License

#### [Craftwork](https://craftwork.design/):  Interface assets for designers and startup creatives

[
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pnhkgjf3pryqa17wnvb1.png)
](https://craftwork.design/)

**Craftswork** offers high-quality interface assets for designers and startup creatives. It also offers,  
-  [Mobile UI Kits](https://craftwork.design/downloads/category/ui-kits/mobile-ui-kits/)
-  [Web UI Kits](https://craftwork.design/downloads/category/ui-kits/web-ui-kits/)
-  [Wireframes](https://craftwork.design/downloads/category/ui-kits/web-ui-kits/wireframe-kits/)
-  [Illustrations](https://craftwork.design/downloads/category/illustrations/)
-  [Graphics](https://craftwork.design/downloads/category/graphics/)
-  [Freebies](https://craftwork.design/downloads/category/freebies/)

#### [UXflow](https://uxflow.co/): Flowchart kit for Sketch/Figma

[
![UXflow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yq6mok82kadal53lswk3.png)
](https://uxflow.co/)
**UX flows** offers fully customizable and scalable vector elements with 3 pre-defined color themes for creating fast sitemaps and wireframes. A perfect tool for web designers, web developers, project managers, and Sketch/Figma app lovers who want to build their sitemaps without spending hours on the process.

### 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 also check [web dev resources](https://github.com/iamismile/web-dev-resources).


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](https://themeselection.com/), provide selected high quality, modern design, professional and easy-to-use premium and [free bootstrap admin template](https://themeselection.com/), [Free UI Kits](https://themeselection.com/products/category/free-ui-kits/).

You can check some of the admin templates that have used the mentioned sources. **[Chameleon Free Bootstrap Admin Template](https://themeselection.com/products/chameleon-admin-free-bootstrap-dashboard-template/)** and **[Sneat Bootstrap 5 HTML Admin Template](https://themeselection.com/products/sneat-bootstrap-html-admin-template/)** are the best example of how you can use these resources for making your project awesome.

Written by @abhidave001.