Resources

Resources / Assets for web & UX design
Over time I’ve been discovering a whole bunch of useful resources. I do not endorse or affiliate with any of these sites. I just thought they might be useful and I just bookmarked them. Each site has its own license and terms and do check what you can and can’t do every time you pick a resource from somewhere. This list is not final of course, and it gets updated as I discover more sources and useful materials.

If you have more resources to add to my list, please drop me a message at m.oustamanolakis@mmu.ac.uk.

Last update: 7th October 2021.

Stock photos (most or all of them with a free license)

https://unsplash.com
https://pixabay.com
https://www.pexels.com
https://negativespace.co
https://stocksnap.io
https://visualhunt.com
https://isorepublic.com
https://freephotos.cc/en
https://burst.shopify.com
https://www.stockvault.net
https://coverr.co
https://www.splitshire.com
https://nos.twnsnd.co (vintage photos, free of copyright)
https://freenaturestock.com (nature photos)
https://zoommyapp.com (paid app – metasearch engine)
https://stacksocial.com/sales/picjumbo-designer-plan-lifetime-subscription

 

 

Profile photos

https://uifaces.co (tool that help you pull profile images)
https://nappy.co
https://generated.photos (fake people, generated by AI)
https://thispersondoesnotexist.com
https://tinyfac.es (script to pull random profile images into your project)

 

 

Patterns / Backgrounds

https://patternico.com
https://lostandtaken.com
https://www.transparenttextures.com
https://www.toptal.com/designers/subtlepatterns
https://coolbackgrounds.io
https://www.textureking.com
https://novapattern.com
http://www.heropatterns.com

 

 

Stock video, music, and sound effects

https://mixkit.co
https://www.videvo.net
https://www.lifeofvids.com
https://www.videezy.com
https://coverr.co
https://www.motionplaces.com
https://www.videvo.net/stock-video-footage (some videos require a premium account)

 

 

Icons

https://animaticons.co
https://icons8.com/icons
https://material.io/resources/icons
https://simpleicons.org
https://ionicons.com
https://thenounproject.com
https://streamlineicons.com/download
https://tablericons.com
https://lordicon.com (paid but has some cool free icons)
https://keyicons.com
https://www.zwicon.com
https://tilda.cc/free-icons
https://iconsvg.xyz
https://twemoji.twitter.com
https://www.joypixels.com
https://ikonate.com
https://icons.pixsellz.io
https://useanimations.com
https://remixicon.com
https://akveo.github.io/eva-icons/#
https://www.flaticon.com
https://feathericons.com
http://www.evericons.com
https://www.iconbros.com
https://boxicons.com
https://iconmonstr.com
https://fontawesome.com
http://www.potlabicons.com
https://digitalnomadicons.com
https://polaris-icons.shopify.com
https://www.invisionapp.com/inside-design/design-resources/essentials-icon-pack

 

 

Vector graphics & illustrations

https://www.freepik.com
https://gratisography.com
https://lukaszadam.com/illustrations
https://www.openpeeps.com
https://undraw.co/illustrations
https://www.humaaans.com
https://www.drawkit.io
https://joeschmoe.io
https://www.stockunlimited.com (paid, but you can get a not too expensive lifetime subscription here: https://appsumo.com/stockunlimited-2019 )

 

 

Screenshots and flows / user journeys from apps

https://www.pttrns.com
https://pageflows.com
https://screenlane.com
https://uxarchive.com

 

 

Talks, videos, lectures, speeches

http://talks.ui-patterns.com
https://developer.apple.com/videos
https://university.webflow.com/courses

 

UX Glossary

https://www.uxcompanion.com
https://www.uxbeginner.com/glossary
https://ux247.com/usability-glossary

 

 

UX checklists

http://uxchecklist.github.io
https://www.checklist.design
http://uxrecipe.github.io
https://www.w3.org/TR/WCAG10/full-checklist.html
https://ixdchecklist.com

 

 

Mock-ups

https://www.mockupworld.co
https://screenpeek.io (free to make iPhone mock-ups)
https://www.screely.com
https://freedesignresources.net/category/free-mockups

 

 

Typefaces and fonts

https://wordmark.it (tool to help you preview many typefaces at once)
https://www.typewolf.com (discover good looking font pairings)
https://fontjoy.com (font pairing tool) https://fonts.google.com
https://usemodify.com
https://www.fontfabric.com/free-fonts
https://www.dafont.com
https://www.fontsquirrel.com
https://befonts.com
https://www.fontshare.com
https://uncut.wtf/

 

 

Colour tools

http://www.colors.commutercreative.com/grid
https://www.materialpalette.com
https://www.eggradients.com
https://color.hailpixel.com
https://colourco.de
https://color.adobe.com
https://www.huesnap.com
https://coolors.co
https://www.sessions.edu/color-calculator
https://htmlcolorcodes.com

 

 

Inspiration galleries

https://httpster.net (sites from all around the world)
https://dribbble.com (social networking site where designers show off their stuff)
https://www.behance.net (social networking site where designers show off their stuff)
https://www.awwwards.com
https://www.uplabs.com/templates/ios
https://uigarage.net
https://www.siteinspire.com
https://onepagelove.com
https://siiimple.com

 

 

Accessibility resources

https://webaim.org
https://www.aremycolorsaccessible.com
https://www.w3.org
https://uxmyths.com
https://inclusive-components.design
http://accessibility.voxmedia.com
https://www.w3.org/TR/WCAG10/full-checklist.html
https://accessguide.io/

 

 

Learning Front End resources

https://www.frontendpractice.com/
https://userinyerface.com/
https://blog.tubikstudio.com/anatomy-of-web-page/
https://uxdesign.cc/essential-css-concepts-every-designer-should-know-f8295497c5ae