A comprehensive list of UX resources

3 min readOct 13, 2020

As I continue my journey in UX, I have been lucky to encounter numerous resources uploaded by upstanding members of this great community.

I am therefore creating a post which I will continue to update on the regular with my favourite UX resources. This is largely for posterity, but I expect readers stumbling upon this post to be able to take away some goodies.

Neumorphism/Soft UI CSS shadow generator

CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its…

neumorphism.io

zaydek/heroicons.dev

A set of free MIT-licensed high-quality SVG icons for you to use in your web projects. Icons created by Steve Schoger…

github.com

UI MATERIAL

Edit description

editor.uimaterial.com

Figma - css.gg | Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite…

Figma Community file - Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API…

www.figma.com

Figma - Instagram Post Kit | This kit will help format and post to Instagram with ease. - Pre…

Figma Community file - This kit will help format and post to Instagram with ease. - Pre visualize your posts - Organize…

www.figma.com

Blobmaker - Make organic SVG shapes for your next design

Blobmaker is a free generative design tool made with 💕 by z creative labs, to help you quickly create random, unique…

www.blobmaker.app

Illustrations | unDraw

The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites…

undraw.co

Daily UI Design Challenge, Inspiration, and Resources

Daily UI is a series of daily Oh, and it's design challenges design inspiration and neat surprise rewards. 100% free…

www.dailyui.co

A Beginner's Guide to Getting Started in UX Research

This resource was put together by Lade Tawak. If you're interested in getting started in UX but don't know where to…

www.notion.so

UX Research Career Starter Guide

Launching a career in UX Research can seem fairly ambiguous and intimidating for most people. Being that UX as a field…

uxplanet.org

Website Style Guide Resources

A collaborative collection of resources for creating Front-End Style Guides and Pattern Libraries

styleguides.io

alexpate/awesome-design-systems

Know a resource that isn't listed below? Feel free to create a new pull request. A design system is a collection of…

github.com

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system-backed by open-source code-that helps…

material.io

Human Interface Guidelines

Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.

developer.apple.com

Storybook: UI component explorer for frontend developers

Storybook is an open source tool for developing UI components in isolation for React, Vue, Angular, and more. It makes…

storybook.js.org

Carbon Design System

Carbon is IBM's open source design system for products and digital experiences. With the IBM Design Language as its…

www.carbondesignsystem.com

Hotjar: Website Heatmaps & Behavior Analytics Tools

See how visitors are really using your website, collect user feedback and turn more visitors into customers.

www.hotjar.com

Mobbin - Latest Mobile Design Patterns

Check out the hand-picked collection of latest mobile design patterns from apps that reflect the best in design.

mobbin.design

23 UX Case Studies To Improve Your Product Skills

See exactly how companies like Tinder, Airbnb, Trello, Uber and Tesla design products that people love. One new user…

growth.design

Evernote.Design

All in One Bookmark Links for Designer

evernote.design

Page Flows - user flow patterns

User flow patterns and design inspiration to help you get unstuck

www.pageflows.com