All Resources

A compiled of all resources for web developers

Easings - Generate, test and share custom easing curves.

Easings - Generate, test and share custom easing curves.

Test common easing curves on a range of interfaces. Or generate and share your own cubic-bez...

Modern CSS Solutions

Modern CSS Solutions

A series examining modern CSS solutions to problems Stephanie Eckles , a seasoned frontend d...

UI Interactions

UI Interactions

UI interactions using one element and pure CSS. Because we love UI interactions and CSS!

Animated CSS burgers (HTML/CSS + React)

Animated CSS burgers (HTML/CSS + React)

Collection of animated CSS burgers for React also available as plain HTML/CSS

Utopia

Utopia

Fluid responsive design

Solved by Flexbox — Cleaner, hack-free CSS

Solved by Flexbox — Cleaner, hack-free CSS

A showcase of problems once hard or impossible to solve with CSS alone, now made trivially e...

Generative Placeholders

Generative Placeholders

Use generative art for your placeholder images

Gradienta

Gradienta

Use pure CSS gradient backgrounds for your next website or app, as a JPG image or CSS code, ...

Layoutit Grid — CSS Grids layouts made easy!

Layoutit Grid — CSS Grids layouts made easy!

Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web...

Magic Eraser

Magic Eraser

Upload, mark the bit you need removed, download. Free to use. No signup required!

CSS mesh gradients generator: Mesher Tool by CSS Hero

CSS mesh gradients generator: Mesher Tool by CSS Hero

A Free tool to create beautiful mesh gradients only with CSS code. Use your own colors or ra...

Shape Divider App

Shape Divider App

Create fully responsive shape dividers for your next web project

haikei

haikei

A web-based design tool to generate unique SVG design assets for websites, social media, blo...

Sorted CSS Colors

Sorted CSS Colors

CSS colors sorted by their hue, saturation and lightness

CSS GUI

CSS GUI

A powerful, extensible, and visual CSS editor for creative coding and end-user styling

Cleanup.pictures

Cleanup.pictures

Remove unwanted objects from photos, people, text, and defects from any picture for free. It...

Google Reverse Image

Google Reverse Image

Reverse Google Image Search will help you find the original source of photographs, forwarded...

CopyChar

CopyChar

A basic app that allows you to find and copy special characters to your clipboard. Click or ...

gitmoji

gitmoji

Gitmoji is an emoji guide for your commit messages. Aims to be a standarization cheatshee /t...

Octopus.do

Octopus.do

FREE visual sitemap builder with lo-fi wireframes for prototyping website architecture & str...

Interviews.school

Interviews.school

complete interview preparation guide

Openbase

Openbase

Find and compare the best open-source packages in hundreds of categories - withpowerful metr...

Free Image Resizer

Free Image Resizer

Instant image resizer for all web and social media formats with one click. Free photo resize...

Meta Tags Generator

Meta Tags Generator

Free award-winning Meta Tags generator. Generate the useful meta tags for your website.

Adele – Design Systems and Pattern Libraries Repository

Adele – Design Systems and Pattern Libraries Repository

Dozens of design systems and pattern libraries that have been thoroughly analyzed for you. L...

Essentials of UI Style Guide

Essentials of UI Style Guide

After wireframing there comes the UI design and every UI needs a style guide. Essential chec...

Design Systems for Developers

Design Systems for Developers

Discover how to build and maintain design systems using Storybook.

QuickBooks Design System

QuickBooks Design System

Customers inspire us. The QuickBooks Design System helps us turn that inspiration into delig...

Carbon Design System

Carbon Design System

Carbon is the design system for IBM web and product. It is a series of individual styles, co...

Design Systems Repo

Design Systems Repo

This is not a comprehensive list of every design system that I have come across. Rather, it'...

Eva Design System

Eva Design System

Generate color pallets using deep learning powered algorithm

Theme UI Gallery

Theme UI Gallery

Copy and paste-able component structures pre-styled to match your theme

Leonardo

Leonardo

Generate colors based on a desired contrast ratio.

Diez

Diez

Diez radically reduces the cost of delivering a consistent visual identity across your compa...

Webhint

Webhint

webhint, a linting tool for the web focused on best practices and flexibility for the end us...

Responsive Web Test

Responsive Web Test

Test your website across mobile, tablet, and desktop breakpoints.

Bundlephobia

Bundlephobia

Bundlephobia helps you find the performance impact of npm packages. Find the size of any jav...

Compressor

Compressor

Optimize and compress JPEG, PNG, SVG, GIF and WEBP images online. Compress, resize and renam...

Pagespeed Insights

Pagespeed Insights

Make your web pages fast on all devices

Progressive Tooling

Progressive Tooling

A curated list of progressive tools to optimize the performance of your web project

Instant.page

Instant.page

Make your site’s pages instant in 1 minute and improve your conversion rate by 1%.

Responsive Breakpoints Generator

Responsive Breakpoints Generator

The Responsive Image Breakpoints Generator efficiently analyzes each hi-res image and finds ...

IloveImg

IloveImg

Resize multiple JPG, PNG, SVG or GIF images in seconds easily and for free. Bulk resize imag...

Modular Scale

Modular Scale

Calculate, visualize, and learn about modular scales.

UI Coach

UI Coach

UI Design challenge generator + Anonymous feedback platform

UI Playbook

UI Playbook

The documented collection of UI components.

Smart Mockups

Smart Mockups

A powerful symbol that lets quickly swap and customize mockups in Sketch.

Devices by Facebook

Devices by Facebook

Download images and Sketch files of popular devices.

Rose Bud

Rose Bud

Instantly edit faces, hair color, age, expressions and more with AI. In one click.

Picsum Photos

Picsum Photos

Lorem Ipsum... but for photos

Creative Commons

Creative Commons

A new Creative Commons search tool for creators seeking to discover and reuse free resources...

Generated Photos

Generated Photos

AI-generated images have never looked better.

Pixel True

Pixel True

Create beautiful product mockups in just a few clicks! Completely free

Predesign

Predesign

Mockup templates for wireframing.

Baseline HQ

Baseline HQ

100% original, in-house course materials. Free to everyone, forever. No signup required.

Clean Mock

Clean Mock

Create stunning mockups using latest device frames like iPhone X & custom backgrounds that m...

Design Kit

Design Kit

learn human-centered design, a creative approach to solving the world's most difficult probl...

Design Principles

Design Principles

An Open Source collection of Design Principles and methods

Sharpen

Sharpen

Millions of practice design prompts to challenge you to think outside the box.

UX Dialpad

UX Dialpad

Learn how to Design a complex SaaS navigation with Nussi Einhorn

UX Playbook

UX Playbook

Become a self-taught UX designer with 100+ battle-tested UX processes.

UX Writing Hub

UX Writing Hub

Learn the fundamentals of UX Writing and Content Design from UX research to best practices.

React.Express

React.Express

Learn React through interactive examples

Button Buddy

Button Buddy

Learn what it takes to ensure your buttons or button-styled links have accessible contrast a...

AccesiBe

AccesiBe

Fully automated web accessibility solutions. Compliant with WCAG 2.1, ADA, Section 508, AODA...

Stark’s Public Library

Stark’s Public Library

Discover the world’s best accessibility resources, curated for you.

A11ygator

A11ygator

Validate your Web Site with A11ygator.

Accessibility Vox Media

Accessibility Vox Media

A checklist to help you buld an accessible product.

Sorted CSS Colors

Sorted CSS Colors

CSS colors sorted by their hue, saturation and lightness

Mobile Palette Generator

Mobile Palette Generator

Generate stunning color palettes for your next mobile app.

Tint and Shade Generator

Tint and Shade Generator

Easily make tints and shades that match the output of Chrome DevTools, PostCSS, and Sass.

FarbVélo

FarbVélo

Generative color harmonies. The random color expolorer

Grayscale Design

Grayscale Design

a Color Palette generator that generates accessible colors;

Colors.Muzli

Colors.Muzli

Search, discover, test and create beautiful color palettes for your projects

Calcolor

Calcolor

A new way to find, modify and share digital colors.

Color Safe

Color Safe

Color Safe is a tool to explore beautiful, accessible color palettes for your website based ...

Palette List

Palette List

Palette List is a dynamic palette generator.

Colors.lol

Colors.lol

A fun way to discover interesting color combinations.

Grabient

Grabient

Beautiful and simple UI for generating web gradients.

Happy Hues

Happy Hues

See color palette inspiration on a real example website.

Color Mind

Color Mind

Generate color combinations in one click. Colormind creates cohesive color schemes using a d...

Coolors

Coolors

Generate or browse beautiful color combinations for your designs.

Palettte

Palettte

The definite palette editing and remapping tool.

Color Hunt

Color Hunt

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your...

Color Box

Color Box

Create amazing color sets superfast.

Culrs

Culrs

Thoughtfully crafted and easy-to-use color palettes

StorySet

StorySet

Edit and animate all our customizable illustrations to enhance your projects totally free.

Manufactory

Manufactory

Make your project alive with colorful scenes created by your hands simply with Manufactory G...

Skribbl

Skribbl

Free-usable, hand-drawn illustrations brought to you by a growing community of aspiring crea...

Vektors

Vektors

Find awesome free illustration packs for all your projects.

Power People Platform

Power People Platform

a delicious design library of 3D avatars. Made with love for more fun and color in your work...

Pixel True

Pixel True

High-quality SVG illustrations & Lottie animations in 12 different styles. No attribution re...

Big Heads

Big Heads

Combine expressions, clothing, hair styles and colors into billions of different unique char...

Open Peeps

Open Peeps

Open Peeps is a hand-drawn illustration library to create scenes of people.

Many Pixels

Many Pixels

Download our 2,000+ editable and royalty-free SVG and PNG illustrations to power up your des...

Open Doodles

Open Doodles

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

Glaze

Glaze

Free illustrations, for everything. Memorable products, brands, & presentations start with o...

Fresh-Folk

Fresh-Folk

An illustration library of people and objects

FreeIlustrations

FreeIlustrations

Best high quality HD illustration images for website backgrounds.

Undraw

Undraw

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