Generator CSS SVG Color Vector Photos Reference Compression Fonts Code Effects Editor Inspiration Icons Illustrations Maps Gradients HTML Shadow Minify Animation Filters Typography Bookmarklet Patterns OS Apple Database MySQL Wordpress Characters Brands Lorem Ipsum QR-Code Pixel CDN Textures


A web developers toolbox with currently 71 resources.


Get Lat Lon

Find the coordinates (latitude and longitude) of any place in the world.


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.