Generator SVG CSS Color Vector Inspiration Code Icons Fonts Reference App Effects Photos Gradients Compression Patterns Typography Editor Illustrations HTML Shadow Images Apple Maps Minify Filters Characters Pixel Bookmarklet Animation Lorem Ipsum Textures QR-Code Security MySQL Javascript Emoji Avatar Audio calculator Youtube drawing collaboration Email Style Guide


A web developers toolbox with currently 137 resources.



Email.ML(aka Email.Beer) is a minimalistic temporary email service.

SVG Viewer

SVG Viewer is an online tool to view, edit and optimize SVGs.


Gradientor – A minimalist, beautiful Radial Background Generator

Dead Simple Sites

The most minimal sites on the web, curated in one place.

Minimal Gallery

For the love of beautiful & functional websites

A color palette generator, converter etc.

Trace Pixels To Vectors in Full Color

CSS Box Shadows Generator

Durves – Design Pattern Tool

A tool for creating and exporting dot patterns for graphic designers, UI/UX, and other visual professionals.


A library of over 70 custom-color elements ready to paste into your project.

FF Free faces

This website is a curated collection of typefaces that are available under a variety of free licences somewhere on the interwebs.

Bento Grids

Bento Grids is a curated collection of tiles-based layouts that were popularized by Apple with their summary slides.

Akar Icons

Perfectly rounded icon library made for designers and developers.


Icon Explorer with Instant searching, powered by Iconify

All popular icon sets, one framework. Over 150,000 open source vector icons.

UI Goodies

The best digital design resources from around the Web in one place.

Fluid type scale calculator

Calculates fluid type scale font sizes for responsive design.

Simple Icons

Free copy & paste SVG icons for popular brands

Custom Shape Dividers

A free tool to make it easier for designers and developers to export a beautiful SVG shape divider.

Defensive CSS

Practical CSS and design tips that helps in building future-proof user interfaces.

Edit Photo

The Free Online Photo Editor In Your Browser.

Type Hunting

An on-going archive of found typography.

One Page Love

One Page websites, templates and resources


conoir is one of the biggest open source icons libraries. No premium icons, no email sign-up, no newsletters. Icons available in SVG format, Font, React and React Native libraries, Figma and Framer.

Google Webfonts Helper

A Hassle-Free Way to Self-Host Google Fonts

Easing Gradients

Linear gradients often have hard edges where they start and/or end. We can avoid those by controlling the color mix with easing functions.

Shadow Palette Generator

Create a set of lush, realistic CSS shadows

URL-encoder for SVG

Encoded SVG can be used in background, in border-image or in mask


Witeboard is the fastest way to collaborate real-time with your team anywhere.

YouTube Video Thumbnail Images

Get YouTube Video Thumbnail Images for free

Min-Max-Value Interpolation

Create fluid scales for type and spacing using CSS clamp() and not relying on media queries.


An all-around generator with blob, wave, gradients, low poly, and other modes, that can be further individually customized.


fffuel is a collection of color tools and free SVG generators for gradients, patterns, backgrounds & decorative graphics

Grainy Gradient playground

Explore the parameters that make up noisy gradients.

BASE64 Image

Convert your images to base64

Type Scale

A Visual Type Scale

CSS Hexagon, Please

CSS Hexagon Generator

Tint & Shade Generator

The purpose of this tool is to accurately produce tints (pure white added) and shades (pure black added) of a given hex color in 10% increments.

An open source toolbox for colors.

Coding Fonts (CSS Tricks)

Information about coding fonts: designers, character charts, features, and more.

Radio Garden

Radio Garden invites you to tune into thousands of live radio stations across the globe

Remove objects, people, text and defects from any picture


Color tool for everyone!

Notion Avatar Maker

Choose your styles


Open source emojis for designers, developers and everyone else!

Actionable Color Palettes

30+ Hand curated color palettes.

Image Color Finder

Pick the best color combinations in any of your photos!


fontisto the iconic font and css toolkit

Health icons

Free, open source health icons


Pinter New Image turns photos into funky and fun line images.

Sorted CSS Colors

CSS colors sorted by their hue, saturation and lightness



ITF (the Indian Type Foundry) has launched a brand new font service to bring beautiful typography to every business for free.


Create your Color Palette with up to 14 Colors.

1loc – Favorite JavaScript single line of code

Favorite JavaScript Utilities in single line of code! No more!


Preview all target screens in a single window side-by-side. – Create beautiful images of your code

Turn your code into beautiful images. Choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window.

A11Y Style Guide

Style guide and pattern library promoting accessible components and WCAG compliance criteria.

The Component Gallery

The Component Gallery is a collection of components from the best Design Systems.


themer takes a set of colors and generates themes for your development environment.


Blobs – Generate beautiful blob shapes for web and flutter apps.


Transfer Secrets Securely


Convert any image into pixel art.

Free Ruler 2.0

A ruler application for macOS.


ImageOptim makes images load faster. Removes bloated metadata. Saves disk space & bandwidth by compressing images without losing quality.


An open-source colour picker app for macOS.

Privacy-aware JPEG optimizer. The images you upload never leave your device: all the processing is done entirely in the browser.

Gift of Speed

Page speed tools. CSS, JS, GZIP, Images etc.

Texture Fabrik

Textures, Patterns, Vector Graphics ‘n’ stuff.

Parametric Color Mixer

A color palette composer inspired by audio parametric equalizers. Create beautiful color palettes with a scientific precision.

Pattern Generator & Image Dithering

Create unique, seamless, royalty-free patterns.Choose a base style, then customize with colors, filters, and transforms.

CSS Gradient Generator

Gradient Generator for Linear and Radial Css Color Gradients.


Random Color Cycler. Generative color harmonies. The random color expolorer.


A curated directory of 500+ Mac menu bar apps. Small apps to help you become more productive and maximize your workflow with MacOS.

Can i use

“Can I use” provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.


Search for colors by keywords.

Dev Fonts

List of the best fonts for coding with live preview.


Beautiful and simple UI for generating web gradients.


Create and tweak CSS box-shadows.

Type Sample

Type Sample is a tool for identifying and sampling webfonts, as a browser extension or bookmarklet.

Tint and Shade Generator

The purpose of this tool is to accurately produce tints (pure white added) and shades (pure black added) of a given hex color in 10% increments.

Adobe Photoshop Express

Crop, retouch, and add filters to your images right from your browser with the Adobe Photoshop Express online image editor.


Database management made easy. Modern, native, and friendly GUI tool for relational databases: MySQL, PostgreSQL, SQLite & more.

svg box

SVGBox makes it dead-easy to include icons in your project. Simple <img/> tags: that’s all you need. No CSS, JS, file uploads, or inline SVGs.

National Geographic MapMaker Interactive

MapMaker Interactive allows you to choose from a variety of base maps depending on the information you want to display on your map.

HTML5 Doctor

Helping you implement HTML5 today.

WordPress Query Args

WordPress Query Comprehensive Reference


cdnjs is a free and open-source CDN service trusted by over 10% of websites, powered by Cloudflare. We make it faster and easier to load library files on your websites.

PageSpeed Insights

PageSpeed Insights (PSI) reports on the performance of a page on both mobile and desktop devices, and provides suggestions on how that page may be improved.

CSS Tricks

Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.

Flexbox Cheat Sheet

A simple visual cheatsheet for flexbox. Learn all about the properties available in flexbox through simple visual examples.

CSS Vocabulary

Can I use?

Can I use” provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.


A bookmarklet to refresh the CSS of your currently open webpage.


Online Code Editor and Front End Web Developer Community. The best place to build, test, and discover front-end code.

Little Big Details

Your daily dose of design inspiration.

Free Frontend

Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles.

Gzip compression test

Test a webpage to see if compression is enabled.


A hackable text editor for the 21st Century.

Sublime Text

A sophisticated text editor for code, markup and prose.


A modern, HTML5-ready alternative to CSS resets.

CSS Minifier

Online CSS Minifier/Compressor. Free! Provides an API. Simple Quick and Fast.


A SVG Minifier. Web GUI for SVGO.

Gradient Generator

The tool generates a stepped gradient between 2 colors.

Film Emulator

Free online analog film emulator.


Color Scale Generator


The super fast color schemes generator.


The biggest collection of official brand color codes around. Curated by @brandcolors and friends.

Color Tool

Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.


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


Squoosh is an image compression web app that allows you to dive into the advanced options provided by various image compressors.


Just-add-water CSS animations.

Google Fonts

Making the web more beautiful, fast, and open through great typography.

Font Awesome

Get vector icons and social logos on your website with Font Awesome, the web’s most popular icon set and toolkit.

Generate Soft-UI CSS code

avataaars generator

avataaars generator is a free online avatar generator for anyone to make their beautiful personal avatar easily.

Open Peeps

A hand-drawn illustration library.


CSS Animations on demand.

Noun Project

Icons and Photos For Everything.


Make organic SVG shapes with Blobmaker.

Get Waves

Make some waves!


The best free stock photos & videos shared by talented creators.

Toycamera Analogcolor

Transform your digital images to analog-like pictures.


The ‘lorem ipsum’ generator that doesn’t suck.

CSS Gradient

CSS Gradient is a happy little free tool that lets you create a gradient background for websites.

Make a smooth shadow, friend.

QR Code Generator

Create your QR Code for free.

Trianglify is a tool to generate low-poly backgrounds, textures, and vectors.


Squircley is all you need to start creating beautiful organic shapes ready to use for logos, icons and background images.


Official tensorflow implementation for CVPR2020 paper “Learning to Cartoonize Using White-box Cartoon Representations”

Pixel Map Generator

city roads

This website renders every single road within a city.


Mix-&-match illustrations of people with a design library.


Free vector illustrations to class up your project

IRA Design Elements

Discover IRA illustrations to power up your project.


Browse to find the images that fit your needs and click to download. Use the on-the-fly color image generation to match your brand identity.


The internet’s source of freely-usable images. Powered by creators everywhere.


Free svg background generator for your websites, blogs and app.