60+ Awesome UI and UX resources for Developers and Designers 2021
Tags: webdev, programming, productivity, resources
Published: 2021-08-03 04:51:00

Yearning organizers, genuine solopreneurs, and sprouting visual creators all need a convincing proficient brand — or if nothing else the abilities and assets expected to foster one. 

Tragically, in case you're new to the visual communication world, this implies swimming through a confounding cluster of picture altering programming, stock picture locales, plan administrations, and considerably more. 

To save you time, we've accumulated the best visual communication assets to help you construct a bespoke brand that separates you from your rivals. 

Regardless of whether you're an originator searching for better visual communication apparatuses or an entrepreneur searching for practical programming, you'll track down the best paid and free visual UI and UX assets.

---

### [Creative Fabrica](https://www.creativefabrica.com/)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jp2en7ep1wv0upyngu5p.png)

Get access to the ever growing library of fonts, graphics, crafts and more. 1million+  unique premium designs. [Creative Fabrica](https://www.creativefabrica.com/) is an Amsterdam based company providing the digital consumers with their very huge amounts of resources. 

### [Motion Places](https://motionplaces.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627451377249/x_PU5_3dM.png?auto=compress)

Free Stock Video Footage by Motion Places. They offer a curated collection of beautiful footage you can use for your projects. Download our clips for free in HD quality, or purchase 4K clips for $99.

### [Fontjoy](https://fontjoy.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627451406457/kOqG39BLu.png?auto=compress)

Fontjoy helps designers choose the best font combinations. Mix and match different fonts for the perfect pairing.

### [Cool Fonts](https://coolfonts.cool/)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1628229498064/99OzAsZtb.png?auto=compress)

Cool fonts generator—Copy and paste text fonts for your Instagram, WhatsApp, Twitter & Facebook ⚡ ❤️ Cool letters, symbols, copy and paste easily.

### [Shotsnapp](https://shotsnapp.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627451636111/cQGLNWMaS.png?auto=compress)

Create beautiful device mockup image from the screenshots or design of your mobile app and websites. 

### [Remix](https://remixicon.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627451653393/nNtEQyMOV.png?auto=compress)

Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.

### [Font changer](https://fontchanger.top/)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1628229451213/o6UluFJds.png?auto=compress)

Font changer— 😍💛 Cool & stylish text fonts for your Instagram, Facebook & Twitter. Easily copy and paste the fancy text.

### [Who can use](https://whocanuse.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627451679562/Nr40O437T.png?auto=compress)

Find out who can use your color combination. 

### [ColorSafe](https://colorsafe.co)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627451730362/iIdq1X4id.png?auto=compress)

Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.


### [Vexels](https://vexels.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627451779458/glEW6Lxph.png?auto=compress)

Graphic Resources for Commercial & Merch Use ✓ Vector image illustrations, logos, design templates & more ✓ T-Shirt Designs & other Merch  ✓ PNG, AI, SVG, JPG, PDF

### [Open Doodles](https://www.opendoodles.com/)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627451946734/rVR7pITib.png?auto=compress)

A library of sketchy illustrations of people free for personal and commercial use.

### [Videvo](https://videvo.net/stock-video-footage)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627451902562/Bswj7KhFD.png?auto=compress)

Download free stock video footage with 4k and HD clips available. Click here to download royalty-free licensing videos from Videvo today.


### [Inkscape](https://inkscape.org)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627451965475/xuvRK5B3-.png?auto=compress)

Inkscape is professional quality vector graphics software which runs on Linux, Mac OS X and Windows desktop computers.

### [Ionicons](https://ionicons.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627451985394/V-F9Hl7ya.png?auto=compress)

Ionicons is an open-sourced and MIT licensed icon pack.

### [DrawKit](https://drawkit.io)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627452009870/wBUAbFxCQ.png?auto=compress)

Free and premium vector SVG illustrations for you to use on your next project, no attribution required! Vector illustrations, packs, icons and more.

### [DaFonts](https://www.dafont.com/)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627452038293/pixE8Y97Gq.png?auto=compress)

Archive of freely downloadable fonts. Browse by alphabetical listing, by style, by author or by popularity.

### [The Noun Project](https://thenounproject.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627452078802/H3XiJ9xaV7.png?auto=compress)

Noun Project features the most diverse collection of icons and stock photos ever. Download SVG and PNG. Browse over 3 million art-quality icons and photos.

### [Freepik](https://freepik.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627454940060/pPvuJ1GIWD.png?auto=compress)

Millions of Free Graphic Resources. ✓ Vectors ✓ Stock Photos ✓ PSD ✓ Icons ✓ All that you need for your Creative Projects

### [Gravit Designer](https://designer.io)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627452190848/3mn8nHscJ.png?auto=compress)

Create graphics, design logos and icons, edit images illustrations & presentations, all for free. Online professional vector graphic design tool - Gravit Designer

### [Burst](https://burst.shopify.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627452627094/XMVsUUAGw.png?auto=compress)

Browse thousands of beautiful copyright-free images. All our pictures are free to download for personal and commercial use, no attribution required.

### [MrMockUp](https://mrmockup.com/freebies/)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627452712840/pgfsDMqan.png?auto=compress)

Free design freebies you need should check out

### [Material Icons](https://material.io/icons)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627452772064/3mu8eHhui.png?auto=compress)

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

### [Scrnshts](https://scrnshts.club)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627452874633/wZPiOAjKQ.png?auto=compress)

A hand-picked collection of the finest app store design screenshots

### [Screenpeek](https://screenpeek.io)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453079525/Us7meIgdd.png?auto=compress)

Screenpeek captures any website within a high quality mockup in seconds.

### [Isometric](https://isometric.online)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453103417/DP-ccmGtC.png?auto=compress)

Free vector isometric illustrations for designers, startups and companies without the need to include attribution

### [Humaaans](https://humaaans.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453182648/NIkauY3MT.png?auto=compress)

Mix-&-match illustrations of people with a design library for InVIsion Studio and Sketch.

### [Shape](https://shape.so)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453157179/qQWHkrkPq.png?auto=compress)

Shape lets you customize the style, colors and border of static & animated icons and illustrations. You can export to React, SVG and Lottie code.

### [Landing Stock](https://landingstock.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453195504/HNTY03PkS.png?auto=compress)

Discover your perfect landing page in with LandingStock, a collection of free images for landing pages.

### [Happy Hues](https://happyhues.co)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453220019/W_LY80wqA.png?auto=compress)

See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.

### [Flaticon](https://flaticon.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453238093/C7ASTLtkC.png?auto=compress)

Download Free Vector Icons and Stickers for your projects. Resources made by and for designers. PNG, SVG, EPS, PSD and CSS formats


### [Joe Schmoe](https://joeschmoe.io)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453294400/NVuTCL8by.png?auto=compress)

An illustrated avatar generator for developers and designers.



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

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453314390/rmH9jPmU4.png?auto=compress)

Hey! Looking for the free Illustration guys? That's me. Check out my illustrations and my other resources.

### [Principle](https://principleformac.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453402497/RdhzJpQ2n.png?auto=compress)

Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle helps you create designs that look and feel amazing.

### [Mockup World](https://mockupworld.co)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453423748/rhAbMynM9.png?auto=compress)

Tons of free and legal, fully layered, easily customizable photo realistic PSD mockups: Ready to use in your projects, app showcases and presentations!

### [Httpster](https://httpster.net)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453550047/4m3CGL9V9.png?auto=compress)

Tons of free and legal, fully layered, easily customizable photo realistic PSD mockups: Ready to use in your projects, app showcases and presentations!


### [Animaticons](https://animaticons.co)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453528086/gwN2gyMN3.png?auto=compress)

Animaticons are a growing set of beautiful, high-resolution, animated GIF icons that you can customize. They are perfect for websites, emails, presentations and more

### [Social Sizes](https://socialsizes.io)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453491952/GyG6Zt-ER.png?auto=compress)

SocialSizes provides designers with the best sizes to use for Image and Video content on Social Media. Get downloadable templates for Sketch, Figma, Photoshop and Adobe XD (no more googling for everything).

### [ScreeenLane](https://screenlane.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453574613/a2V-WSBTj.png?auto=compress)

Get inspired and keep up with the latest web & mobile app UI design trends. 

### [Checklist](https://checklist.design)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453680956/DDhLiVbLN.png?auto=compress)

Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.

### [Fonts Squirrel](https://fontsquirrel.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453709053/m1Ke2qQ2L.png?auto=compress)

Font Squirrel scours the internet for high quality, legitimately free fonts . Download thousands of completely legal, high quality, free fonts.

### [Typewolf](https://typewolf.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453740814/HOMwMd4wv.png?auto=compress)

Typewolf helps designers choose the perfect font combination for their next design project—features web fonts in the wild, font recommendations and learning resources.

### [Humane](https://humanebydesign.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453804321/q0eignVmP.png?auto=compress)

A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.

### [Mixkit](https://mixkit.co)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453780870/1x-T4WXJN.png?auto=compress)

Download Free Stock Video Footage, Stock Music & Premiere Pro Templates for your next video editing project. All assets can be downloaded for free!

### [Rawpixel](https://rawpixels.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627455811070/LnbSgz8Ml.png?auto=compress)

Rawpixels is a portfolio of design work by Bill Safsel.

### [Lost Type](https://losttype.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453959026/9ykX8pbXP.png?auto=compress)

Lost Type is a Collaborative Digital Type Foundry.

### [Craftwork](https://craftwork.design)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627453995077/ljz6i8dxt.png?auto=compress)

Interface assets for designers, developers, and startup creatives. Speed up your design workflow with high-quality UX/UI kits, illustrations, and templates.

### [Feather Icons](https://feathericons.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627454012171/qN49qsl99.png?auto=compress)

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

### [Color Claim](https://vanschneider.com/colors)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627454125586/bAF6jxmkc.png?auto=compress)

ColorClaim is simple. Everything and amazing favorite color combinations on one big page

### [Coverr](https://coverr.co)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627454159279/Gaa1v0Quv.png?auto=compress)

Download royalty free (for personal and commercial use), unique and beautiful video footage for your website or any project. No attribution required.

### [Pixeden](https://pixeden.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627454205830/N1OAZ_Bab.png?auto=compress)

Pixeden is hard at work providing quality premium and free web resources and graphic design templates. Enjoy!

### [Sketchsheets](https://sketchsheets.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627454228547/N4EP1CyCF.png?auto=compress)

Sketchsheets is an open source project dedicated to providing free printable templates of the latest devices and platforms for wireframing designs.

### [Right Font](https://rightfontapp.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627454298954/fWXVMyCrc.png?auto=compress)

Professional and beautiful font manager and font organizer app, helps preview, sync, install and organize fonts over iCloud, Dropbox. All-in-one Font Manager for business.

### [ColorsSpark](https://colorspark.app)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627454324105/3lw5kmMO-.png?auto=compress)

Professional and beautiful font manager and font organizer app, helps preview, sync, install and organize fonts over iCloud, Dropbox. All-in-one Font Manager for business.

### [Flowkit](https://useflowkit.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627454439881/x847v5i1t.png?auto=compress)

User flows right inside your favorite design tool. 

### [Landbook](https://land-book.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627454468760/IA0wYeQlU.png?auto=compress)

Design gallery with the best and most carefully collected websites. We help creatives find inspiration & motivation to do rad stuff.

### [Colorsinspo](https://colorsinspo.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627454634203/MXqKanBTHu.png?auto=compress)

Colorsinspo is all in one resource to find everything about colors with extreme ease. Also, you will get Freebies, Inspirations, Color Tools, Gradients and thousands of trendy hand-picked color palettes.

### [Maze](https://maze.design)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627454607504/SZvukG4y7.png?auto=compress)

Get user feedback with Maze's remote testing platform. Power your product and marketing team with quantifiable insights you can act on, instantly.

### [SaaSPages](https://saaspages.xyz/)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627454763690/MWOO97osl.png?auto=compress)

A collection of the best landing pages with a focus on copywriting and design.

### [Foodies Food](https://www.foodiesfeed.com/)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627456305630/URCS8I2ZH.png?auto=compress)

Find food images uploaded by Food Bloggers. 

### [RemovalAI](https://removal.ai)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627455161262/0NgDe7Yzi.png?auto=compress)

Remove Image Background Free Using Artificial Intelligence 

### [Snapshots](http://snappy-app.com/)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627455266385/KLq8lFJTQ.png?auto=compress)

Snapshots, the smart way.

Your day-to-day App to instantly work and collaborate on snapshots. 

### [Streamline Emojis](https://app.streamlinehq.com/emojis/freebies-freemojis)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627455002333/3pch8vltm.png?auto=compress)

A cute vector emoji set that you can use for free in your applications, websites or publications. Use the vectors for free but you must credit us with a link.

### [MorgueFile](https://morguefile.com)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627455486690/1CHSK6gFJ3.png?auto=compress)


Free images for creatives, by creatives. A post production file, over 400,000 free stock photos for commercial use.

### [New Old Stock](https://nos.twnsnd.co/)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1627455049642/pRUO0F_MP.png?auto=compress)

Vintage photos from the public archives.
Free of known copyright restrictions.
Recapturing History.


---


Best of luck utilizing these free assets on your future visual communication projects!

Mainly we would give the credits to the people making these resources and we're very proud promiting them all on our channels. If you are looking to add your amazing resource into this list just comment down below, we'll help you.