Curated Design Resources

Colors and Color Palettes

Adobe Color

Coolers

ColorBox

Colorco

Color Contrast

Accessible Colors

Colorable

Adobe Color Accessibility Tools

Text on background image

Color Safe

Gradients

UI Gradients

Metal Gradients

CSS Gradient

CSS Layouts

Flexbox Froggy

Grid Garden

Typefaces

Google Fonts

Dafont

Icons

Noun Project

Mono Icons

Ion Icons

Fontawesome

flaticon

icons8

Tabler Icons

Streamline Icons

Radix Icons 15x15

Photography

Unsplash

Pexels

Illustration

unDraw

Isometric

Background Pattens

Trianglify

Subtle Patterns

Wow Patterns

The Pattern Library

Pattern Generator

Hover Effects

Hover.css

Icon hover effects

Shake

Animations & Transitions

Animate.css

Animista

Easing Functions

Little Snippets

Animate on Scroll (AOS)

Generators

Hero Generator

Drop Shadow Generator

Box Shadow Generator

Neumorphic Generator

User Experience (UX)

Laws of UX

Nielsen Norman Group

A Guide to UX Design and Design Thinking for Kids

Wireframing

Balsamiq

wireframe.cc

UX Kits

Sketch simple wireframe kit by Nicolaj Reck

Layout Examples

Tailwind

Remote Collaboration

Ideally a multi-player platform where everyone can make changes in real time

Invision freehand

Miro

MURAL

Whimsical

draw.io

IdeaBordz

Cardboard (user story mapping)

Collections by others

amelia.design

spark-joy

Jonas Schmedtmann

Odds and ends

Free Frontend

can I use?

Design Resources by Invision

Turn a screenshot into a browser mockup

Share This Article