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

#Generator

Colordesigner.io

A color palette generator, converter etc.

colordesigner.io

boxshadows.xyz

CSS Box Shadows Generator

boxshadows.xyz

Fluid type scale calculator

Calculates fluid type scale font sizes for responsive design.

utopia.fyi/type/calculator

Custom Shape Dividers

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

www.shapedivider.app

Google Webfonts Helper

A Hassle-Free Way to Self-Host Google Fonts

https://gwfh.mranftl.com/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.

larsenwork.com/easing-gradients

Shadow Palette Generator

Create a set of lush, realistic CSS shadows

www.joshwcomeau.com/shadow-palette

URL-encoder for SVG

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

https://yoksel.github.io/url-encoder

Haikei

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

app.haikei.app

fffuel

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

fffuel.co

Grainy Gradient playground

Explore the parameters that make up noisy gradients.

grainy-gradients.vercel.app

BASE64 Image

Convert your images to base64

www.base64-image.de

Type Scale

A Visual Type Scale

type-scale.com

CSS Hexagon, Please

CSS Hexagon Generator

brenna.github.io/csshexagon

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.

maketintsandshades.com

Cleanup.pictures

Remove objects, people, text and defects from any picture

cleanup.pictures

Notion Avatar Maker

Choose your styles

notion-avatar.vercel.app

Image Color Finder

Pick the best color combinations in any of your photos!

imagecolorfinder.com

PINTR

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

javier.xyz/pintr

Blobs

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

blobs.app

Parametric Color Mixer

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

colormixer.web.app

Pattern Generator & Image Dithering

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

doodad.dev

CSS Gradient Generator

Gradient Generator for Linear and Radial Css Color Gradients.

www.css-gradient.com

FarbVélo

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

farbvelo.elastiq.ch

Grabient

Beautiful and simple UI for generating web gradients.

www.grabient.com

boxshadows

Create and tweak CSS box-shadows.

boxshadows.com

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.

maketintsandshades.com

Film Emulator

Free online analog film emulator.

29a.ch/film-emulator

Scale

Color Scale Generator

hihayk.github.io/scale

Neumorphism.io

Generate Soft-UI CSS code

neumorphism.io

avataaars generator

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

getavataaars.com

Animista

CSS Animations on demand.

animista.net

Blobmaker

Make organic SVG shapes with Blobmaker.

www.blobmaker.app/

Get Waves

Make some waves!

getwaves.io

Toycamera Analogcolor

Transform your digital images to analog-like pictures.

www.pentacom.jp/pentacom/toycamera_analogcolor

Loripsum

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

loripsum.net

CSS Gradient

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

cssgradient.io

brumm.af/shadows

Make a smooth shadow, friend.

brumm.af/shadows

QR Code Generator

Create your QR Code for free.

www.qr-code-generator.com

Trianglify

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

trianglify.io

Squircley!

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

squircley.app

White-box-Cartoonization

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

github.com/SystemErrorWang/White-box-Cartoonization

Pixel Map Generator

pixelmap.amcharts.com

city roads

This website renders every single road within a city.

anvaka.github.io/city-roads/

BGJar

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

https://bgjar.com/

bgjar.com