All tools

LCH Colour Picker

• CSS
• Color

Convert colors from lch to rgb.

#HEXWORDS

• Color

Find hex color words.

0to255

• Color

Lighten and darken colors easily

1-loc.dev

• JavaScript

Find single-line of code JavaScript Utilities

10015 Tools

• Tool Collections

10015 Tools is an all-in-one toolbox offering web tools from different categories including text, image, CSS, code, color, social media tools and so on.

2QR

• Misc

Create QR codes with one click, using the URL, a bookmarklet or direct input

3D Book Image CSS Generator

• CSS
• Images

Generate a book look for an image

Accessibility Cheatsheet

• Accessibility

Practical approaches to Universal Design for making your website/webapp accessible to everyone

Accessible Brand Colors

• Accessibility
• Color

Evaluate the ADA compliance of your brand's color palette.

Accessible color palette builder

• Accessibility
• Color

Create color palettes with combinations that conform with accessibility standards.

Accessible colors

• Accessibility
• Color

Automatically find the closest accessible color combination

Accessible Palette

• Accessibility
• Color

Create color systems with consistent lightness and contrast.

Adobe Convert PDF to JPG

• Images
• PDF

Drag and drop a PDF, then convert to JPG, PNG or TIFF file formats.

Akar Icons

• Icons

Find rounded icons.

Alchemize

• Code
• HTML
• JavaScript

Minify, pretty print & view code or JSON snippets.

All Characters

• Unicode

Shows all the different characters and their HTML/CSS equivalent

Alphredo

• CSS
• Color

Generate translucent colors looking the same as their opaque counterparts when placed against the same background.

alter.email

• Email

Transform your HTML emails

Alwane.io

• CSS
• Color

Extrace CSS color palettes from any website.

AndroidAssetStudio

• Code
• Misc

Generate android app assets such as app icons and vector icon animations.

Animated Gradient Background Generator

• Animations
• CSS

Create animated CSS backgrounds.

Animista

• Animations
• CSS

Browse small CSS animations

AnyWebP

• Images

Convert images from and to webp.

APIs Guru

• APIs

Find free and commercial APIs.

Are my third parties green?

• Site analyzers

Check whether the third-party services used by a website are served from green web hosts.

Array Builder

• Code
• JavaScript

Visualise JS array operations

ASCII Silhouettify

• Misc

Convert images into ASCII silhouettes.

ASCII tree generator

• Misc

Generate nice-looking ASCII folder structure diagrams

AST explorer

• Code
• JavaScript

Explore the ASTs generated by various parsers

Atlas icons

• Icons

Find free and consistent icons

Availability calculator

• System Administration

Calculate allowed downtime for web services per Service Level Agreements (SLA)

Avataaars

• Misc

Create your own personal avatar

Avatar Cropper

• Images

Crop an image from directly its link

avif.io

• Images
• Performance

Convert images to AVIF.

AVPress

• Performance
• Videos

Optimise videos in your browser.

AWS ICONS

• Icons

Find icons for AWS services

Background Remover

• Images

Remove the background from an image using sophisticated AI

Base64 Converter

• Data transformation

Base64 encode everything

Base64 Image Viewer

• Data transformation
• Images

View your Base64 encoded images

Basicons

• Icons
• SVG

Download SVG icons

Beautiful CSS box-shadow examples

• CSS

Find, click and copy beautiful CSS box-shadows.

Beautiful CSS buttons examples

• CSS

Find, click and copy beautiful CSS buttons.

BEM Cheat Sheet

• CSS

Find consistent class names for common web components

Better Placeholder

• Images
• Misc

Quickly generate custom placeholder images for your design and development projects

better-mobile-inputs

• HTML

Get previews of HTML element with "type", "inputmode" and "autocomplete" attributes.

Big Timer

• Misc

Set a big timer for your meeting

bigjpg

• Images

Enlarge and size up images.

Bingbot API

• APIs
• SEO

Check if an IP address is officially used by Bingbot to crawl the web.

bitcalc

• Misc

Visualise hex, binary and decimal calculations and bitwise operations

BlobsIcons

• Icons

Find colorful icons.

Bootstrap Icons

• Icons

Find Bootstrap icons.

Bounce Doctor

• Email

Check emails for common deliverability issues.

Box Shadows

• CSS
• Code

Interactively create box shadows and get the CSS to generate them

Boxicons

• Icons

Find attribution-free icons to use

boxshadows.xyz

• CSS

Create and preview complex box-shadow effects.

Branition Colors

• Color

Explore top hand curated color pallets best fitted for brands.

Broider

• CSS

Create 9-patch borders

Broken Link Checker

• SEO
• Site analyzers

Check your site for broken inbound and outbound links in seconds.

Brotli.Pro

• Network
• Performance
• Site analyzers

Check if your website supports Brotli compression

Browser Default Styles

• CSS
• HTML

Search elements, filter engines, find browser default styles

BrowserFrame

• Misc

Wrap screenshots in browser frames.

Bundle Scanner

• JavaScript
• npm

Identify NPM libraries included in Javascript files.

bundlejs

• JavaScript
• npm

Analyze JavaScript packages.

Bundlephobia

• JavaScript
• Performance
• npm

Find the cost of adding a npm package to your bundle

ButtonBuddy

• Accessibility
• CSS
• Color

Learn about accessible button contrast then generate your own accessible button color palette

C# To TypeScript

• TypeScript
• Data transformation

Convert C# Models, ViewModels and DTOs into their TypeScript equivalents.

CAA Record Helper

• Security

Generates CAA policies for domains

Calendar Icons Generator

• Icons

Generate an entire years worth of unique icons, absolutely FREE!

Calndr

• APIs
• Misc

Dead simple & free add to calendar links + API

Can I E-Mail

• Email

Quickly look up HTML and CSS support for E-Mails

Can I Use

• CSS
• HTML
• JavaScript

Quickly look up browser support for modern web technologies

Canarytokens

• System Administration

Create canarytokens for URL/DNS/etc. to notify you in case of someone is breachin into your system.

caninclude

• HTML

Check which HTML tag you can include in another one

carbon

• Code
• Misc

Create and share beautiful images of your source code

cccolor

• CSS
• Color

Pick colors and build a cohesive palette

CDN finder

• Misc
• Network

Look up all CDNs used on a web page.

Chalk.ist

• Code
• Misc

Create beautiful images of your source code.

Chmod Calculator

• System Administration

Convert Linux file permissions between different formats

Clamp Calculator

• CSS

Generate custom and fluid CSS tokens using clamp().

Cleanup.pictures

• Images

Clean up your images.

Clipboard2Markdown

• Markdown

Convert text in your clipboard to markdown.

Clippy

• CSS

Create CSS clip paths

cobalt

• Misc

Save anything from your favorite websites.

Code Generator for HTTP Requests

• HTTP
• Network
• Command line
• JavaScript

Generate "ready to run" code snippets for making HTTP requests with Google Apps Script, JavaScript, Node.js and cURL commands.

Code to Image

• Code

Generate beautiful and customizable images of code.

codeimg

• Code
• Misc

Create beautiful images of source code

Codepng

• Code
• Misc

Create awesome snapshots from your source code

Color contrast checker

• Accessibility
• Color

Quickly check the contrast between colors with WCAG and APCA and get suggestions for better colors

Color Cube

• Accessibility
• Color

Evaluate an entire brand color palette for WCAG 2.1 compliance and adjust on the fly with the HSL color model

Color Hunt

• Color

Get color inspiration with hand-picked color palettes

Color Morph

• Color
• SVG

Create beautiful SVG gradients.

Color schemes generator

• Color

Generate a nice looking color pallete

Color.review

• Accessibility
• Color

Check your color contrast

ColorBox

• Accessibility
• Color

Build color systems for accessible UIs

Colorca

• Accessibility
• Color

Design an accessible color palette for digital products in HSLuv color space

Colormind

• Color

Create color schemes from photographs, movies, and popular art using AI.

Color×Color

• Color

Generate color palettes in Okhsl and HSLuv color spaces.

Colouris

• Color

Convert a colour into other web formats

command-not-found.com

• Command line

Find package names to install a command on every distro

Compress PDF

• PDF

Lessen the file size of a PDF file.

compressImage.io

• Images
• Performance

Compress images.

Compressor.com

• Images

Compress jpeg and png images.

Conic.Style

• CSS
• Color

Find CSS conic gradients.

Contrast Checker

• Accessibility
• Color

Check for WCAG 2.1 compliance for text and non-text contrast.

Contrast ratio

• Accessibility
• Color

Compute the contrast ratio between 2 colors

contrast.crgeary.com

• Accessibility
• Color

Check your color palette for accessible combinations

Convert Tweet to Image

• Images
• Misc

Convert tweets to customisable images, export image in Instagram Story/Post sizes

Convert2Svg

• SVG

Convert an image to SVG.

Coolors

• CSS
• Color

Generate color palettes.

Copy Paste List

• Misc

Unformatted, easily copy and paste-able lists

CopyPalette

• Color
• SVG

Create your SVG palette and use it in Figma/Sketch by just using COPY and PASTE

couleur.io

• Color

Create harmonizing color palettes

Create App

• JavaScript

Create configuration files for your frontend project.

crontab.guru

• System Administration

Create and understand cron time fields

croppola

• Images

Crop images to your needs with commonly used formats

CropScore

• Images

Crop images for common platforms.

CRX Viewer

• Misc

Inspect what's included in Chrome/Firefox extensions.

Cryptii Unicode Lookup

• Unicode

See Unicode code points in a string.

cryptii.com

• Data transformation
• Unicode

Convert and encode text quickly

CSP Evaluator

• Security

Check your CSP (Content Security Policy).

CSP Hash Generator

• Data transformation
• Security

Generates Script and style hashs for content-security-policies with script-src and style-src directives to disallow inline scripts and styles.

CSS Arrow Please

• CSS

Create and export CSS code for a custom box with an arrow extending out from the side.

CSS Background Patterns

• CSS

Create beautiful pure CSS background patterns

CSS Clothoid Corners

• CSS

Generate clothoid rounded corners by CSS clip-path.

CSS Cursors

• CSS

Have a look at all these CSS Cursors

CSS Duotone Generator

• CSS

Create duotone image effects.

CSS Flex Generator

• CSS

Create flexbox layouts.

CSS Gradient Generator

• CSS
• Color

Generate beautiful color gradients.

CSS Grid Cheat Sheet

• CSS

Visualise your CSS grid.

CSS Grid Generator

• CSS

Define and generate code for CSS Grid layouts

CSS Layout

• CSS

A collection of popular layouts and patterns made with CSS

CSS Layout Generator

• CSS

Create CSS for layout components.

CSS Scroll Shadows

• CSS

Create CSS scroll shadows

CSS Shadow Gradients

• CSS

Create CSS gradient shadows

CSS Shape

• CSS

Find single-element, modern CSS and an optimized code.

CSS specificity calculator

• CSS

Calculate the specificity of a given CSS selector

CSS Specificity Graph Generator

• CSS

Generate an interactive line graph showing the specificity in your stylesheet

CSS Stats

• CSS

Analyze and visualize your stylesheets

CSS Stripes Generator

• CSS

Generate CSS-based striped backgrounds

CSS Triggers

• CSS

Get information on what CSS properties trigger layout, paint or composite

CSS values

• CSS

Quickly find CSS property references

CSS vocabulary

• CSS

Learn what is what in CSS.

CSS2JS

• CSS
• Data transformation
• JavaScript

Transform between CSS, JS Objects and React props.

css2sass

• CSS

Convert CSS to SASS/SCSS syntax

cubic-bezier

• Animations
• CSS

Create and compare different animation bezier settings

Cumulative Layout Shift Debugger

• Performance
• Site analyzers

Visualize the cumulative layout shifts of any webpage to identify improvements.

Current time utc - local time lookup

• Misc

Lookup local times for any country, city, or time zone

Curved page deviders

• CSS
• SVG

Create curved page deviders

Custom Borders using Mask

• CSS

Create custom and fancy CSS borders.

Custom Shape Dividers

• CSS
• SVG

Export a beautiful shape devider

Cut Corners using Mask & Clip-path

• CSS

Cut the corners of any element using custom shapes.

d2d

• Code
• Data transformation

Data and format conversion tool

Dashed/Dotted Border CSS Generator

• CSS

Create custom dashed/dotted borders using CSS hacks.

dbdiagram.io

• Database

Draw ER diagrams by just writing code.

DebugBear Speed Test

• Site analyzers

Measure and optimize page speed and Core Web Vitals.

Design Token to CSS

• CSS
• Code
• JSON

Convert JSON design tokens to CSS custom properties and utility classes.

designgradients

• CSS
• Code

Find beautiful linear gradients.

Dev Fonts

• Fonts

Find coding fonts

Device Shots

• Misc

Get high-resolution device mockups with your screenshots

diff2gif

• Code
• Misc

Turn frames of code into a smooth animation.

Diffr

• Code

Find differences between two pieces of text/code

Dig Web Interface

• HTTP
• Network

DNS resolution and web UI for the dig CLI

Dillinger

• Markdown

Write and edit Markdown

Dimmy.club

• Misc

Create device mockups of your screenshots.

Disavow File Testing Tool

• SEO

Analyzes the patterns in your disavow file, find common mistakes and correct them.

Dither it!

• Images
• Performance

Dither images for style and performance

Does it mutate?

• Code
• JavaScript

Get a comprehensive list of JavaScript array methods describing whether a given method mutates the original array or not.

Doodad Pattern Generator

• CSS
• SVG

Create unique, seamless and royalty-free patterns.

Doodle Icons

• Icons

Find handcrafted icons.

doutones

• Images

Create duotone image effects.

dpilove

• Misc

Find out about your screens resolution

draw.io

• Misc

Draw and share UML, shemas and mockups

DrMemes.com

• Misc

Generate memes.

Dropmail

• Email
• Misc

Create a disposable email address

Easing gradients

• CSS

Create and preview your own easing gradients in CSS.

Easings

• Animations
• CSS

Preview and copy CSS easing curves

easings.go

• Animations
• CSS

Test common easing curves on a range of interfaces

easings.net

• Animations
• CSS

Find and pick the right easing function

Easy Colour

• Color

Convert colors into different formats

Easy Easings

• Animations
• CSS

Create easings with keyframes animations that can't be done with cubic-bezier in css

Easy UTM Tag Generator

• Misc

Easily create UTM tags for your campaign URLs

Edit Photo

• Images

Edit images and photos in your browser.

Eightshapes Contrast Grid

• Accessibility
• Color

Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast.

Email.ML

• Email

Generate temporary emails.

Embedded Google Fonts

• CSS
• Fonts

Embed base64 encoded google fonts into css.

empathyprompts

• Accessibility

Get ideas to help consider inclusive design principles.

ESBench

• JavaScript
• Performance

Create shareable JavaScript benchmarks

ESLint Code Explorer

• Code

Explore ASTs for JavaScript, Markdown and JSON.

EStimator

• JavaScript
• Performance

Find out how much data you could save with modern JavaScript

Eva Icons

• Icons

Find open source icons

ExcaliDraw

• Misc

Create hand-drawn-like diagrams.

Explain Shell

• Command line

Write down a command-line to see the help text that matches each argument

ExtendsClass

• Regular Expressions

View, build, & test Regular Expressions

Extract images from PDF

• PDF

Download the Images from a PDF

extract.pics

• Images
• Misc

Download images from any public website

extractCSS

• CSS
• HTML

Extract CSS from HTML with ease

FA Icons.dev

• Icons
• SVG

Click-to-copy inline SVG for Font-Awsome Icons

Facebook ID Finder

• Misc

Determine the Facebook ID from any Facebook Page/Profile/Group URL.

Fallback Font Generator

• CSS
• Fonts

Adjust web and system fonts to reduce layout shifts

Fancy Text Decorator

• Misc
• Typography

Find various text-only effects

Fancy-Border-Radius

• CSS

Build organic shapes with CSS border-radius

Favicon & App Icon Generator

• Favicons

Generate favicons and app icons

Favicon Generator. For real.

• Favicons

Generate favicons for all platforms

favicon.io

• Favicons

Create a facivon in a few clicks

Feather Icons

• Icons

Find simply beautiful open source icons

Fette­Palette

• Color

Generate color ramps based on a curve within the HSV color model.

ffflux

• SVG

Generate fluid SVG backgrounds.

ffmpeg buddy

• Videos

Build ffmpeg commands.

ffmpeg.app

• Videos

Run and understand FFmpeg commands right in the browser.

Filewatch

• Security

Find your public files, before someone else does

Filter blend

• CSS

Play around with CSS blend modes.

Flexbox Cheatsheet

• CSS

Get a graphical overview of the CSS flexible box layout properties

Flexbox Playground

• CSS

Visually explore building out any flexbox layout and view generated HTML/CSS markup

flexulator

• CSS

Understand how the flexbox spacing formula works right in the browser

Flexy Boxes

• CSS

Play with flexbox and generate code

Fluid Type Scale Calculator

• Fonts
• CSS
• Typography

Generate font size variables for a fluid type scale with CSS clamp.

Fluid-Modular Type-scale Generator (CSS)

• CSS
• Fonts
• Typography

Quickly generate the CSS boilerplate of your design system using the concept of 'Fluid-Modular Type scale'.

Font Flipper

• Fonts

Preview Google Fonts on top of your own designs.

Font Squirrel Webfont Generator

• Fonts
• Performance

Modify, improve, trim, change and export your fonts in modern formats

Font style matcher

• CSS
• Fonts
• Typography

Matches the x-heights and widths of two fonts (webfont and fallback font)

Font Subsetter

• Fonts

Embed only the characters you need in a font file.

FontDrop!

• Fonts

View the content of a font file

Fontfacer

• CSS
• Fonts

Transform your font files into CSS font rules.

Fontjoy

• Fonts

Generate font pairings

fontpair

• Fonts

Find free Google Font pairings to use for your next project.

Fontsource

• Fonts

Find self-hostable Open Source fonts.

Fonty.io

• Fonts

Analyze the fonts used on a site.

Format JSON

• JSON

Format and compare two JSON files

Frontend Dogma Site Check

• Site analyzers

Test websites in more than 90 tools (web-based and free)

generatedata

• Generated Data

Quickly generate large volumes of custom data in a variety of formats

GenerateWP.com

• Code

User friendly tools for WordPress developers.

Generative Placeholders

• Images

Use generative art as your image placeholders.

GeoJSON.io

• JSON
• Misc

Edit map JSON data

GetWaves.io

• SVG

Generate SVG waves for your next design.

gifcap.dev

• Images
• Videos

Capture a video of your screen, create a screencast and export as a Gif.

gitignore.io

• Command line
• git

Create useful .gitignore files for your project

Glassmorphism CSS Generator

• CSS

Create a "blurry"" glas background effect.

globster

• Code
• Command line

Test and visualize results of glob patterns matching.

glyphs.fyi

• Icons

Find open source icons.

GNU sed REPL

• Command line

Write and test sed expressions

Go Playground

• Code

Play around with Go.

Goodpalette

• Accessibility
• CSS
• Color

Make beautiful color palettes for UI.

GooFonts

• Fonts

Search tagged Google Fonts

Google font to SVG path

• Fonts
• SVG

Create SVGs paths from a Google font

Google Rich Results Test

• SEO

Check if your page supports Google's rich results

Google Title Rewrite Checker

• SEO

Check if Google is rewriting the titles of your sites.

google-webfonts-helper

• Fonts

Download and selfhost Google fonts.

Googlebot API

• SEO

Check if an IP address is officially used by Googlebot to crawl the web.

Grabient

• CSS

Generate linear gradients

GradeJS

• JavaScript
• Security
• Site analyzers

Analyze production Webpack bundles and see vulnerabilities, outdated packages, and more just by entering a web application URL.

Gradient CSS Shadow Generator

• CSS

Create gradient CSS shadows with transparent parent element.

Gradient Generator

• CSS
• Color

Create CSS gradients.

Gradient Text Generator

• CSS

Create CSS text gradients

Gradientos

• Color

Find and test gradients easily

Gradihunt

• CSS
• Color

Generate color gradients.

GraphQL Voyager

• GraphQL

Represent any GraphQL API as an interactive graph

Green web checker

• Site analyzers

Check if a website is hosted on a verified green web host.

grep.app

• Misc

Search across git repos.

Grid Calculator

• CSS

Calculate your grid sizes and download as Adobe Illustrator/Photoshop file

groq.dev

• APIs
• JSON

Query JSON data with GROQ

haikei

• Illustration
• Images
• SVG

Generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!

Hashler

• Data transformation

Compute different hashes of a string

Have I Been Pwned (HIBP)

• Security

Check if you have an account that has been compromised in a data breach

HD Gradients

• CSS
• Color

Explore and generate modern CSS gradients.

Health Icons

• Icons

Find free and open source health icons.

Hero Patterns

• SVG

Find SVG background patterns for you to use on your web projects.

Heroicons

• Icons

Find high-quality SVG icons for you to use in your web projects.

hhhue

• Color

Select beautiful color with a collection of curated color palettes

Hoppscotch

• APIs

Test requests and responses from API calls, with GraphQL and websocket support

Houdini.how

• CSS

Find resources and worklets all around Houdini

How to Target Email Clients

• CSS
• Email

Single out email clients and platforms using crowdsourced email development techniques

Htaccess Tester

• System Administration

Test your apache htaccess apache mod_rewrite rules

HTML Arrows

• HTML
• Unicode

Get unicode, hex, ASCII, html, css codes to insert UTF-8 icons and symbols

HTML Cleanser ✨

• HTML

Remove unwanted HTML tags from user's input or untrusted sources

HTML CodeSniffer

• HTML
• Accessibility

Check that your HTML code conforms to your coding standard

HTML Color Codes

• Color

Genereate and export color shades and tints

HTML Size Analyzer

• HTML
• Performance

Analyze HTML size and catch bloat like inline images or code duplication.

HTML5 <head> elements

• HTML

Enrich your HTML with the correct set of <head> elements

HTTP Status Codes

• HTTP

Reference database of HTTP Status Codes with their definitions and helpful code references all in one place

HTTP/3 Check

• Performance

Check if a URL supports HTTP/3.

httpstat.us

• APIs

Generate different API HTTP codes.

httpstatus

• HTTP

Check status codes, response headers, and redirect chains.

Hue Mint

• Color

Create unique color schemes for your websites.

hue.tools

• CSS
• Color

Mix, blend, convert and modify colors.

Huemint

• AI
• Color

Generate color schemes using various AI models

Huetone

• Color

Create accessible color palettes.

Huey

• Color

Create color palettes.

I ❤︎ PDF

• PDF

Edits, compress, update your PDFs.

Icomoon

• Icons
• SVG

Create and maintain svg icon libraries

iconbundler

• Icons
• SVG

Convert SVGs to React, Vue and Svelte components

Iconduck

• Icons
• Illustration

Find free and open source icons and illustrations.

IconHunt

• Icons

Find SVG icons.

iconic

• Icons

Find free SVG icons.

Iconify

• Icons

Generate App Icons

IconKitchen

• Favicons
• Icons

Generate icons for mobile and web.

Iconoir

• Icons

Find open source icons.

IconSVG

• Icons
• SVG

Customize SVG icons for your web projects

Icônes

• Icons

Find and explore icons from different libraries.

iHateRegex

• Regular Expressions

Look up common regex patterns

Ikon

• Icons
• SVG

Building downloadable custom icon sprite sheets.

illlustrations.co

• Illustration

Find an open source illustrations kit

Ilograph

• Misc

Create interactive architecture diagrams.

Image Resizer

• Images

Resize images.

imagesTool.com

• Images
• Tool Collections

Process images right in your browser.

Img.cleaner

• Images

Clean up images and pictures by removing unwanted objects.

Input Type Sandbox

• HTML
• Forms

Test form input types, onscreen keyboards and more

InstaFilters

• CSS

Generate Instagram filters with CSS.

Interactive SVG Coordinate System

• SVG

Interactively explore the viewport, viewBox, & preserveAspectRatio of an SVG

Is my host fast yet?

• Performance

Analyze real-world server response latencies, as experienced by real-world users navigating the web.

Javascript Obfuscator

• JavaScript

Convert vanilla JS to obfuscated one, making it hard to copy, modify, understand or reuse (for others).

JavaScript Regex Panels

• Regular Expressions

Test your JavaScript Regular Expressions

JDL-Studio

• Code
• Data transformation
• Database
• Misc

Create complex entity models easy with a handy DSL

Jellylade

• Misc

Turn your screenshots into beautiful posts.

jpeg.io

• Images

Convert any major image format into a highly optimized JPEG

JPEG.rocks

• Images
• Performance

Optimize your jpegs

jqplay

• JSON

Build command lines for jq interactively

JS Paint

• Misc

Draw images in a MS Paint remake.

JSON Crack

• JSON

Visualize JSON data into graphs

JSON Editor

• JSON

JSON Editor is an online web based tool to view, edit, and format JSON

JSON Editor Online

• JSON

View, edit, and format JSON

JSON Generator

• Generated Data
• JSON

Generate random JSON data based on a simple template

JSON Viewer

• JSON

Explore JSON and generate schema, .d.ts, .go.

JSONHERO

• JSON

Inspect and analyze JSON

JSONing

• APIs

Mock REST API for testing and prototyping

JSONLint

• JSON

Validate your JSON

JWT Debugger

• APIs
• JSON
• Security

Decode, Debug and Validate JSON Web Tokens (JWT)

JWT.IS

• API
• Security

Decode, Debug and Validate JSON Web Tokens (JWT)

Key codes

• JavaScript

Get key codes for keyboard events in JavaScript

key.js

• JavaScript

Press any key to get the JavaScript keydown event key, code, which and keyCode properties

Keyframes CSS

• Animations
• CSS

Create basic or complex CSS keyframe animations with a visual timeline editor similar to video-editing software.

khroma

• Color

Create limiltess palettes with AI for you to discover, search, and save.

kod.so

• Code
• Misc

Generate beautiful code images.

Let's Enhance.io

• Images

Improve colors, remove compression and upscale your image

Lighthouse CI Diff

• Performance

Compare two Lighthouse reports

Lighthouse Metrics

• Accessibility
• Performance
• Site analyzers

Run lighthouse from multiple locations

Lighthouse Scoring Calculator

• Performance

Calculate your Lighthouse performance score across versions

linear() generator

• Animations
• CSS

Convert JavaScript/SVG easing definitions into the linear() CSS format.

Link-if social URL creator

• Email
• URL

Quickly create sharable URLs for Social media sites.

link-to-qr

• Misc

Create a QR code for a URL

LinkedIn Post Inspector

• Misc

See how shared URLs look on LinkedIn

Links List

• Misc

Simply create a list of links. Then share it!

Linux Command Library - One-liners

• Command line

Find shell command one-liners

Lissajous SVG

• SVG

Generate lissajous SVG curves.

lllove

• SVG

Make some cute SVG hearts

localGfonts

• CSS
• Fonts

Download and self-host Google fonts and CSS snippets

Logical Content Flow

• Accessibility

Quickly discover and identify issues with the Logical Content Flow on your site.

Logo Crunch

• Favicons
• Images

Make your high-res logo legible at lower resolutions using computer vision

Lose the Very

• Misc

Combine "very" with a simple adjective and get a more concise adjective

Lucide

• Icons

Find open source icons.

macOS Cursors

• Icons
• SVG

Find all macOS cursor icons in SVG.

Magic Eraser

• Images

Remove unwanted things from images

mailtolink.me

• Email
• Misc

Quickly create mailto links with receipients, subject and body

Make Thumbnails

• Images

Create a bunch of customizable thumbnails from in image

MakeTypes

• JSON
• TypeScript

Generate TypeScript classes from JSON examples.

manypixels

• Illustration

Discover new and free illustrations.

MarkdownDown

• Markdown

Convert any webpage to clean markdown.

Maskable.app

• PWA

Preview and create maskable icons in the browser

Material Icons

• Icons

Find over 3k icons.

MConverter

• Images
• Performance

Convert images to and from JXL (JPEG XL), AVIF, WebP and more

mediaquery.style

• CSS

Find popular media queries.

Merge PDFs

• PDF

Merge PDFs.

Mermaid Live Editor

• Code
• Images
• SVG

Generate flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs using a Markdownish syntax

Mesher

• CSS

Create beautiful CSS gradient backgrounds

Meshy

• Color

Generate beautiful mesh gradient backgrounds

mess with DNS

• Network
• System Administration

Learn DNS by setting up DNS records.

Meta Tags

• HTML
• Misc

Preview how your webpage will look on Google, Facebook, Twitter and more

Microlink Cards

• Images
• Misc

Create html defined embedable card images

Min-Max-Value Interpolation

• CSS
• Fonts

Generate a CSS clamp formula to interpolate between two values in a given viewport range.

Mock Turtle

• Generated Data
• JSON

Generate random JSON data through a simple & intuitive GUI

Mockaroo

• Generated Data

Generate up to 1,000 rows of realistic test data in CSV, JSON, SQL, and Excel formats

Mocky

• APIs

Mock your HTTP responses to test your REST API

Modern fluid typography editor

• CSS
• Fonts
• Typography

Create, fine-tune and generate CSS fluid typography code

Modern Font Stacks

• Fonts

Find combinations of fast-loading system fonts.

Modular Scale

• CSS
• Fonts

Generate proportionate size units

Mossaik

• Illustration
• Images

Create stunning shapes like waves, tiles, and blobs.

Mozilla Observatory

• Security

Analyze your website and strengthen its security

Mozilla SSL Configuration Generator

• System Administration
• Security

Generate recommended TLS configurations for servers

MSHR

• CSS

Find CSS-only mesh gradients.

My User Agent Client Hints

• JavaScript

Find out what user agent client hints your browser sends.

MyColorSpace

• Color

Enter a color and generate nice color palettes.

MyOctocat

• Misc

Create GitHub's octocats

myScale

• Images
• SVG

Resize and convert SVG into PNG

namae

• Misc

Check availability of your new app name in major registries at once.

Neumorphism.io

• CSS

Generate Soft-UI CSS with box-shadows and gradients

NGINX Config

• System Administration

Configure a performant, secure and stable NGINX server

nginx playground

• System Administration

Paste in an nginx config, start nginx and runs any curl or http command against that nginx server.

Nicen

• Code

Make your code look nicer

nnnoise

• SVG

Generate SVG noise textures

Non Boring Gradients

• CSS
• Color

Generate good-looking gradients.

npmgraph

• JavaScript
• npm

Explore and inspect and npm package's dependencies.

npmview

• JavaScript
• npm

View npm package files

Numbr

• Misc

Calculate your formulars in a notepad

Ojoy

• Images

Enlarge low-res photos and improve their quality.

OKLCH color converter

• Color

Pick and convert oklch colors.

OkSo

• Misc

Draw your ideas in a minimal yet beautiful app.

One Time Secret

• Misc
• Security

Keep sensitive info out of your email and chat logs.

Online Curl Command Line Builder

• Command line
• HTTP

Generate curl command lines to test your new shining API or whatever easily!

Online GIF Tools

• Images

Create, edit and convert GIFs.

Online Invoice Generator

• Misc

Generate invoices in the browser and download them as PDF.

OnlineInterview.io

• Code
• Misc

Share a code editor with other developers, run your code on the browser and talk via video chat.

Open API Designer

• API

Create Open API 3 definition documents

Opengraph

• HTML
• SEO

Preview and generate open graph meta tags for your website

OpenMoji

• Icons

Find open source emoji icons.

Operator Lookup

• JavaScript

Learn more about JavaScript operators

Package Diff

• JavaScript
• npm

Display a diff between two versions of the same npm package

package-majors

• npm

Inspect a package's npm downloads per version.

Palettte

• Color

Create color palettes.

Parametric Color Mixer

• Color

Generate a beautiful color palette

Parse Url Online

• URL
• Security

Visualize, edit, analyze and compare URLs

Password Generator

• Security

Generate a random password in the browser.

Pattern Monster

• SVG

Find customizable SVG patterns.

patternico

• Images
• Misc

Generate background patterns

PDF Tool

• PDF

Edit PDF files right in your browser.

PDF24 Tools

• Tool Collections

Edit, update and create PDFs.

PDFcheck

• Accessibility
• PDF

Check PDF files for signs of inaccessibility

perfect-freehand

• SVG

Draw perfect pressure-sensitive freehand lines.

Phish.Report

• Security

Quickly report a phishing site to the hosting provider and the security community.

Photo Censor

• Misc

Censor photos and hide faces by pixellating/blurring them.

Photopea

• Misc

Edit and create Photoshop files in your browser

PHP Arena

• PHP

Run PHP in your browser

PHPrex

• PHP
• Regular Expressions

Test PHP regular expressions directly in your browser

Picsvg

• Images
• SVG

Convert a picture to SVG.

Pie Chart Maker

• Images
• SVG

Create pie charts with just few clicks

Pika

• Misc

Prettify your screenshots.

Pixelarticons

• Icons

Find pixelart icons.

Pixelated rounded corners

• CSS
• Code

Generate pixelated rounded corners for your website using CSS clip-path

pkg-graph

• npm

Visualize the dependency graph of npm packages

pkg-size

• JavaScript
• npm
• Performance

Find the true size of an npm package.

Placeholder Image Generator

• HTML
• Images
• SVG

Generate dummy images as data URIs, which don't depend on external services

Poet.so

• Misc

Create beautiful images of Tweets.

Polka Dot Generator

• CSS

Generate CSS-only polka dot patterns.

Polychroma

• CSS
• Color

Generate gradients without the gray dead zone.

pppalette

• Color

Generate beautiful color palettes

pppointed

• SVG

Create SVG arrows.

Pretty Snap

• Images
• Misc

Add backgrounds to screenshots

Pretty-Print JSON

• JSON

Format JSON quickly

Primer Prism

• Code

Create cohesive, consistent, and accessible color palettes.

ProductShot

• Misc

Generate screenshots that focus users' attention.

ProfileMe.dev

• Misc

Create an awesome GitHub profile in minutes

programming-fonts

• Fonts

Test drive all the programming fonts

publint

• JavaScript
• npm

Lint npm packages for packaging errors.

PWA builder

• PWA

Quickly and easily turn your website into an app

QRcode.show

• Misc

Generate QR codes easily.

Quantity Queries

• CSS

Generate CSS Quantity Queries to count elements and apply styles

quicktype

• Code
• Data transformation

Generate types and converters from JSON, Schema, and GraphQL.

Radix Icons

• Icons

Get a crisp set of 15×15 icons.

Random Favicon Generator

• Favicons

Create and style a random faviconwq

range-input.css

• CSS

Generate CSS to style range inputs that look consistent across all browsers

Ratio Buddy

• CSS

Calculate CSS aspect ratio's

Ray.so

• Code
• Misc

Create and share beautiful images of your source code.

React-spring visualizer

• Animations
• JavaScript

Tweak your spring animation configuration

readme.so

• Markdown
• Misc

Create great looking readmes for your project.

Redact Photo

• Misc

Censor sensitive information online.

Redirect Detective

• Security

Analyze redirects without opening them yourself.

Regex-Vis

• Regular Expressions

Analyze regular expressions.

regex.rip

• Regular Expressions

Test whether a regular expression is vulnerable to regular expression denial of service.

regex:help!

• Regular Expressions

Generate a regular expression from example strings.

Regexper

• Regular Expressions

Visualize regular expressions.

RegExr

• Regular Expressions

Learn, build, & test Regular Expressions

regular expresssions 101

• Regular Expressions

Learn, build, & test Regular Expressions

Remix Icon

• Images
• SVG

Find almost any type of SVG/PNG icon

Remix Icons

• Icons

Find free and consistant vector icons.

Remove Photo Data

• Images
• Security

Remove personal data such as location from images. Works on your computer only, no service or third party involved

removebg

• Images

Remove backgrounds 100% automatically in 5 seconds with zero clicks

Repo Trends

• Misc

View and analyze trends in repository issues over time

Responsive Breakpoints

• Images
• Performance

Create responsive breakpoints for your images and get the adequate HTML them

Responsive Email CSS Inliner

• Email

Paste your HTML with embedded CSS into the input field. We'll take your embedded CSS and inline those styles making your email templates bullet proof for any email client.

Retoucher

• Images

Remove background from images online.

ReX

• Regular Expressions

Transform texts with regular expressions.

Rubular

• Regular Expressions
• Ruby

Test regular expressions in Ruby as you write them

RunJS

• JavaScript

Write and run code with instant feedback.

sassed

• CSS
• Code

Transform SCSS to CSS

SassMe

• Color

Visualize Sass HSL color functions in real-time without compiling.

Scale

• Illustration

Find high-quality, open-source illustrations

Schemist

• Accessibility
• CSS
• Color

Build cohesive and accessible color schemes

Screen size map

• Misc

See a comparison of screen sizes in device-independent pixel.

Screenshot.Rocks

• Misc

Create beautiful browser & mobile mockups

screensizes.app

• Misc

Find device screen sizes and resolutions.

Scrollbar.app

• CSS

Design custom scrollbars for the web with easy to use online editor.

Security Headers

• HTTP
• Security

Quickly and easily assess the security of your HTTP response headers.

Selectors Explained

• CSS

Translate CSS selectors into plain English

SEO Cheat Sheet

• SEO

Find technical SEO best practices for optimizing your site

separator-generator

• CSS

Select and customize section separators

Shadow Elevation Editor

• CSS

Create and edit a shadow based elevation array for your design system

Shadow Palette Generator

• CSS

Create a set of lush, realistic CSS shadows.

Shadows

• CSS

Create smooth CSS shadows

shapecatcher.com

• Unicode

Draw a character and get the Unicode character glyph

Share a secret

• Misc
• Security

Share a secret that only works one time.

SharePad.io

• Code
• Misc

Share and collaborate on your code snippets (Python, C, C++, Java)

ShellCheck

• Command line

Finds bugs in your shell scripts

Shots

• Misc

Create beautiful image mock ups.

Show Code

• Code
• Misc

Take and export beautiful screenshots of your code.

ShrinkMe

• Images

Shrink your images.

Simple Icons

• Icons

Find SVG icons for popular brands

skeleton-loader

• Animations
• CSS

Create single-div CSS skeleton-loaders for your content.

slice/substring/substr comparison

• JavaScript

Select part of text and get example call from 3 different string manipulation methods.

SlideCodeHighlighter

• Code
• Misc

Create syntax-highlighted code for your slide decks.

Slowfil.es

• HTTP
• Network
• Performance

Demonstate and observe slow-loading resources.

Smart Swatch Generator

• Color

Generate smart unique color palette without pain

snippet generator

• Misc

Generate snippets for VSCode, Sublime Text and Atom

Snippet Shot

• Code

Generate screenshots from your code snippets

Social Media Profile Picture

• Images

Create professional profile picture for social media

Softwium

• Regular Expressions

Visualize regular expressions.

Sort JSON

• JSON

Sort and format JSON objects

SpamCheck

• Email

Check the spam score of your emails.

SpeedVitals

• Performance
• Site analyzers

SpeedVitals measures Website Performance and helps optimize Core Web Vitals

SQLime

• Database

Debug and share SQL snippets.

SQLite Viewer

• Database

View and query SQLite databases

sqlTranslate

• AI
• Database

Generate SQL queries from plain language and vice versa.

Squircley!

• SVG

Create beautiful organic SVG shapes.

Squoosh

• Images
• Performance

Make images smaller using best-in-class codecs, right in the browser

SSL Checker

• Security

Check, convert or read your SSL certificate and more

SSL Server Test

• Security

Perform a deep analysis of the configuration of any SSL web server on the public Internet

ssshape

• SVG

Create organic SVG shapes

Static map maker

• Maps
• Misc

Generate a static map image.

Structured Data Schema Generator

• SEO

Generate structured data for your webpage

Style Object to Custom Properties Converter

• CSS
• JavaScript

Convert a JavaScript Style Object to CSS Custom Properties (CSS Variables)

Subtle Patterns

• Misc

Search for patterns that can be used as tileable background images

Super designer

• Tool Collections

Create unique looking patterns, images, backgrounds and more with just a few clicks

SVG 2 JSX

• JavaScript
• SVG

Transform SVG into valid JSX

SVG ARTISTA

• Animations
• SVG

Create SVG fill and stroke animations.

SVG Backgrounds

• CSS
• SVG

Customize and apply SVG backgrounds

SVG clip path converter

• CSS
• SVG

Preparing SVG paths to be used in CSS clip-path.

SVG Color Matrix Mixer

• SVG

Generate nice looking color matrix filters for your images.

SVG CROP

• SVG

Remove blank space from around your SVG

SVG Drawing

• SVG

Draw lines and replay them in SVG.

SVG Encoder / Converter

• SVG

Convert an SVG into different formats.

SVG Favicon Generator

• SVG

Generate SG favicons.

SVG Favicon Maker

• Favicons
• SVG

Make SVG favicons based on a letter or an emoji

SVG Filter Builder

• SVG

Create and learn about SVG filters in a drag & drop Designer.

SVG Filters

• SVG

Generate SVG filters

SVG Gradient Map Filter

• SVG

Create SVG Gradient Map Filters from given colors.

SVG Icon a11y Fixer

• Accessibility
• SVG

Fix accessibility issues in SVG images exported from tools like Adobe Illustrator

SVG Path Editor

• SVG

Create and manipulate SVG paths

SVG Path Visualizer

• SVG

Visualize and discover SVG path data commands

SVG REPO

• Icons

Search, explore and edit the best-fitting free icons.

SVG Viewer

• SVG

View, edit and download SVGs.

Svg Wave

• SVG

Generate SVG waves

SVGcode

• Favicons
• Icons
• Illustration
• Images
• SVG

Convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.

svghub

• Icons
• SVG

Find SVG squiggles, scribbles and shapes.

SVGOMG

• Images
• SVG

Minify SVGs

SVGR

• JavaScript
• SVG

Transform SVGs into React components.

Svgurt

• Images
• SVG

Convert images to SVG.

Symbols to copy

• Unicode

Find Unicode symbols to copy

System UIcons

• Icons
• SVG

Download free SVG icons

Table to Markdown

• Markdown

Convert tables from spreadsheet applications and websites into well-formatted Markdown tables

TableConvert

• Data transformation

Convert between CSV/TSV, Excel, HTML, JSON, Markdown, and LaTeX tables

Tabler Icons

• Icons

Download over 3500 fully customizable free SVG icons

Tailwind CSS Cheat Sheet

• CSS

Search for all the class names from Tailwind CSS.

Tailwind Gradient Designer

• CSS
• Color

Generate tailwind gradient classes

Tech Icons

• Icons

Find SVG and PNG tech icons.

TechStack

• Misc

Visualize your techstack in your README.

Teenyicons

• Icons
• SVG