All Resources
A compiled of all resources for web developers
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
A series examining modern CSS solutions to problems Stephanie Eckles , a seasoned frontend d...
UI Interactions
UI interactions using one element and pure CSS. Because we love UI interactions and CSS!
Animated CSS burgers (HTML/CSS + React)
Collection of animated CSS burgers for React also available as plain HTML/CSS
Utopia
Fluid responsive design
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
Use generative art for your placeholder images
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!
Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web...
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
A Free tool to create beautiful mesh gradients only with CSS code. Use your own colors or ra...
Shape Divider App
Create fully responsive shape dividers for your next web project
haikei
A web-based design tool to generate unique SVG design assets for websites, social media, blo...
Sorted CSS Colors
CSS colors sorted by their hue, saturation and lightness
CSS GUI
A powerful, extensible, and visual CSS editor for creative coding and end-user styling
Cleanup.pictures
Remove unwanted objects from photos, people, text, and defects from any picture for free. It...
Google Reverse Image
Reverse Google Image Search will help you find the original source of photographs, forwarded...
CopyChar
A basic app that allows you to find and copy special characters to your clipboard. Click or ...
gitmoji
Gitmoji is an emoji guide for your commit messages. Aims to be a standarization cheatshee /t...
Octopus.do
FREE visual sitemap builder with lo-fi wireframes for prototyping website architecture & str...
Interviews.school
complete interview preparation guide
Openbase
Find and compare the best open-source packages in hundreds of categories - withpowerful metr...
Free Image Resizer
Instant image resizer for all web and social media formats with one click. Free photo resize...
Meta Tags Generator
Free award-winning Meta Tags generator. Generate the useful meta tags for your website.
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
After wireframing there comes the UI design and every UI needs a style guide. Essential chec...
Design Systems for Developers
Discover how to build and maintain design systems using Storybook.
QuickBooks Design System
Customers inspire us. The QuickBooks Design System helps us turn that inspiration into delig...
Carbon Design System
Carbon is the design system for IBM web and product. It is a series of individual styles, co...
Design Systems Repo
This is not a comprehensive list of every design system that I have come across. Rather, it'...
Eva Design System
Generate color pallets using deep learning powered algorithm
Theme UI Gallery
Copy and paste-able component structures pre-styled to match your theme
Leonardo
Generate colors based on a desired contrast ratio.
Diez
Diez radically reduces the cost of delivering a consistent visual identity across your compa...
Webhint
webhint, a linting tool for the web focused on best practices and flexibility for the end us...
Responsive Web Test
Test your website across mobile, tablet, and desktop breakpoints.
Bundlephobia
Bundlephobia helps you find the performance impact of npm packages. Find the size of any jav...
Compressor
Optimize and compress JPEG, PNG, SVG, GIF and WEBP images online. Compress, resize and renam...
Pagespeed Insights
Make your web pages fast on all devices
Progressive Tooling
A curated list of progressive tools to optimize the performance of your web project
Instant.page
Make your site’s pages instant in 1 minute and improve your conversion rate by 1%.
Responsive Breakpoints Generator
The Responsive Image Breakpoints Generator efficiently analyzes each hi-res image and finds ...
IloveImg
Resize multiple JPG, PNG, SVG or GIF images in seconds easily and for free. Bulk resize imag...
Modular Scale
Calculate, visualize, and learn about modular scales.
UI Coach
UI Design challenge generator + Anonymous feedback platform
UI Playbook
The documented collection of UI components.
Smart Mockups
A powerful symbol that lets quickly swap and customize mockups in Sketch.
Devices by Facebook
Download images and Sketch files of popular devices.
Rose Bud
Instantly edit faces, hair color, age, expressions and more with AI. In one click.
Picsum Photos
Lorem Ipsum... but for photos
Creative Commons
A new Creative Commons search tool for creators seeking to discover and reuse free resources...
Generated Photos
AI-generated images have never looked better.
Pixel True
Create beautiful product mockups in just a few clicks! Completely free
Predesign
Mockup templates for wireframing.
Baseline HQ
100% original, in-house course materials. Free to everyone, forever. No signup required.
Clean Mock
Create stunning mockups using latest device frames like iPhone X & custom backgrounds that m...
Design Kit
learn human-centered design, a creative approach to solving the world's most difficult probl...
Design Principles
An Open Source collection of Design Principles and methods
Sharpen
Millions of practice design prompts to challenge you to think outside the box.
UX Dialpad
Learn how to Design a complex SaaS navigation with Nussi Einhorn
UX Playbook
Become a self-taught UX designer with 100+ battle-tested UX processes.
UX Writing Hub
Learn the fundamentals of UX Writing and Content Design from UX research to best practices.
React.Express
Learn React through interactive examples
Button Buddy
Learn what it takes to ensure your buttons or button-styled links have accessible contrast a...
AccesiBe
Fully automated web accessibility solutions. Compliant with WCAG 2.1, ADA, Section 508, AODA...
Stark’s Public Library
Discover the world’s best accessibility resources, curated for you.
A11ygator
Validate your Web Site with A11ygator.
Accessibility Vox Media
A checklist to help you buld an accessible product.
Sorted CSS Colors
CSS colors sorted by their hue, saturation and lightness
Mobile Palette Generator
Generate stunning color palettes for your next mobile app.
Tint and Shade Generator
Easily make tints and shades that match the output of Chrome DevTools, PostCSS, and Sass.
FarbVélo
Generative color harmonies. The random color expolorer
Grayscale Design
a Color Palette generator that generates accessible colors;
Colors.Muzli
Search, discover, test and create beautiful color palettes for your projects
Calcolor
A new way to find, modify and share digital colors.
Color Safe
Color Safe is a tool to explore beautiful, accessible color palettes for your website based ...
Palette List
Palette List is a dynamic palette generator.
Colors.lol
A fun way to discover interesting color combinations.
Grabient
Beautiful and simple UI for generating web gradients.
Happy Hues
See color palette inspiration on a real example website.
Color Mind
Generate color combinations in one click. Colormind creates cohesive color schemes using a d...
Coolors
Generate or browse beautiful color combinations for your designs.
Palettte
The definite palette editing and remapping tool.
Color Hunt
Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your...
Color Box
Create amazing color sets superfast.
Culrs
Thoughtfully crafted and easy-to-use color palettes
StorySet
Edit and animate all our customizable illustrations to enhance your projects totally free.
Manufactory
Make your project alive with colorful scenes created by your hands simply with Manufactory G...
Skribbl
Free-usable, hand-drawn illustrations brought to you by a growing community of aspiring crea...
Vektors
Find awesome free illustration packs for all your projects.
Power People Platform
a delicious design library of 3D avatars. Made with love for more fun and color in your work...
Pixel True
High-quality SVG illustrations & Lottie animations in 12 different styles. No attribution re...
Big Heads
Combine expressions, clothing, hair styles and colors into billions of different unique char...
Open Peeps
Open Peeps is a hand-drawn illustration library to create scenes of people.
Many Pixels
Download our 2,000+ editable and royalty-free SVG and PNG illustrations to power up your des...
Open Doodles
A library of sketchy illustrations of people free for personal and commercial use.
Glaze
Free illustrations, for everything. Memorable products, brands, & presentations start with o...
Fresh-Folk
An illustration library of people and objects
FreeIlustrations
Best high quality HD illustration images for website backgrounds.
Undraw
The design project with open-source illustrations for any idea you can imagine and create.