DEV Community

Cover image for 60+ Awesome UI and UX resources for Developers and Designers 2021
coderwatchHQ
coderwatchHQ

Posted on • Updated on • Originally published at coderwatch.com

60+ Awesome UI and UX resources for Developers and Designers 2021

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.


Fancy Fonts

Starting this list with one of my favourite resources of fonts. That is -> Fancy Fonts. Find Beautiful Free Fonts—Script, Display, Calligraphy, Sans, Serif, Handwritten, Retro, and more—Download Now—Its FREE.

Stylish Fonts

Stylish Fonts Generator: 💕 Cool & Fancy Text Fonts ✓ ⭐ Stylish name font for Instagram, Fb, Pubg & Free fire. Stylish letters easily copy & paste.

Motion Places

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

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

Cool Fonts

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

Shotsnapp

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

Remix

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

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

Who can use

Find out who can use your color combination.

ColorSafe

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

Vexels

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

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

Videvo

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

Inkscape

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

Ionicons

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

DrawKit

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

DaFonts

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

The Noun Project

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

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

Gravit Designer

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

Burst

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

MrMockUp

Free design freebies you need should check out

Material Icons

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

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

Screenpeek

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

Isometric

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

Humaaans

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

Shape

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

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

Happy Hues

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

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

Joe Schmoe

An illustrated avatar generator for developers and designers.

Lukasz Adam Free Illustrations

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

Principle

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

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

Httpster

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

Animaticons

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

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

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

Checklist

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

Fonts Squirrel

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

Typewolf

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

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

Mixkit

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

Rawpixel

Rawpixels is a portfolio of design work by Bill Safsel.

Lost Type

Lost Type is a Collaborative Digital Type Foundry.

Craftwork

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

Feather Icons

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

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

Coverr

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

Pixeden

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

Sketchsheets

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

Right Font

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

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

User flows right inside your favorite design tool.

Landbook

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

Colorsinspo

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

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

SaaSPages

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

Foodies Food

Find food images uploaded by Food Bloggers.

RemovalAI

Remove Image Background Free Using Artificial Intelligence

Snapshots

Snapshots, the smart way.

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

Streamline Emojis

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

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

New Old Stock

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.

Discussion (3)

Collapse
plexpert profile image
Saleh Ahmed

Wow, I have check some website from your post, evry website is very importand and awesome. I have another website for UI Designer and Devoloper 😍.
The website name is uihut.com UI HUT is a design resources platform for web designers and developers. Get Lifetime Access Only for 99$. Use "sol10" coupon for the extra 10% off.

Collapse
nelushaw profile image
Nelusha W • Edited

Great collection of tools and resources! You should add 3D Bay to your list. It offers a fantastic range of royalty-free 3D illustrations that require no attribution even for commercial use. :) Check out their collections here: clouddevs.com/3dbay/collections

Collapse
mrnirwair profile image
MR-Nirwair • Edited

Best collection. I think if someone finds an Instagram fonts tool then i suggest the best tool for insta fonts instagram fonts. please add this tool in your list.