Tiny Tools

Almost every day, while reading news and social media posts, I stumble across small web tools that can make developer life immensely easier. In order not to lose sight of them, I have created a collection in Trello, which are automatically listed here.

159 Entries filtered by tag displayed as sorted by


LoaderShip is a CSS-only loader configuration tool that allows you to customize and generate stunning loaders for your website.


Huemint uses machine learning to create unique color schemes for your brand, website or graphic

Convert variable font TTF to WOFF2

Google Fonts f.e. sometimes only offers TTF files, but the compressed WOFF2 Webfonts are smaller for using on website. This tool converts them easily.


Open-Source JSON explorer for the web that lets you browse, search and navigate your JSON files at speed.

DiceBear | Open Source Avatar Library

Create avatars for your profiles, designs, websites or apps. Piece by piece or based on a seed.

Compress Or Die - Image Analysis

Show metadata (Exif, IPTC, ICC...) hidden inside your photos

SVG Path Visualizer

Describes a SVG path in natural language


Compress And Optimize JPEG, PNG images Online

Request Map

Visual request map of third-party services


Find Fediverse accounts of your Twitter followings


Bridgy connects your web site to social media. Likes, retweets, mentions, cross-posting, and more...

Mastodon List Manager

Manager for Mastodon lists to separate user groups for easier reading


Create and share events that act as a Fediverse actor others can follow and comment

Image Candy - Online Image Editor

Edit images online with the complete image processing toolkit.

Favicon Generator

Generate favicons online and in-browser from an image or logo for free


Show interactive dependency graph of a npm module or analyze your complete package.json


Run SQL queries against your CSV files right in the browser

PDF Tool

Edit PDF files right in your browser...

Exifr Demo

This demo page of the EXIFR library is great for getting a quick overview of the metadata of an image

Color Picker Tool | 0to255


Choose colors for your logo, website, business, room, or print design project. Adjust colors quickly and easily

Test for modern Internet Standards like IPv6, DNSSEC, HTTPS, DMARC, STARTTLS and DANE.

Test for modern Internet Standards like IPv6, DNSSEC, HTTPS, TLS, HSTS, DMARC, DKIM, SPF, STARTTLS and DANE.

JSON Crack

JSON editor with graph visualization


This tool lets you check color contrast ratios using modern CSS formats


Collection of free and open-source SVG icons compatible with Flowbite and Tailwind CSS based on solid and outline styles with React (JSX) and Figma support

QR Code Styling

An open source JS library for generating styled QR codes


AI Super-Resolution lossless image enlarging / upscaling tool using Deep Convolutional Neural Networks

Search Code Across a Half Million GitHub Repos — A code search engine that lets you use regexes or syntax in your search Editor lets you generate maskable PWA icons before adding them to your web app manifest.

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.

Realistic computer-generated handwriting

Preview Social Media Share and Generate Metatags - OpenGraph

12ft Ladder

Shows a paywalled website as the Google crawler sees it ... without the paywall

Webmention Rocks!

Webmention Rocks! is a validator to help you test your Webmention implementation. Several kinds of tests are available on the site.


Fetches and converts data between social networks, HTML and JSON with microformats2, ActivityStreams 1 and 2, Atom, RSS, JSON Feed, and more.


Convert images to SVG vectors, PNG-to-SVG Vectors.

Fediverse Observer

Fediverse Observer checks all servers in the Fediverse and offers you an easy way to find a home using a map or list is a tool to visualize networks and communities on the fediverse. makes it easy to add web sign-in to your applications


Sends Webmentions with retry and callback


Scans a page for IndieWebs microformats


Generates all necessary images for a PWA manifest


Free Online Photo Editor In Your Browser, Based on Pintura.

MingCute Icon

Carefully Designed Icon Library


A nice, colorful collection of CSS animations for your projects

Generate QR Codes for Events and Appointments provides a fast and accurate IP Geolocation API tool to determine a user's location

Text Cleaner

Text Formatter, Text Formatting Online

[Array Builder]

Array Builder is a free tool to visualize the returned values of array transformations and computations made from map/filter/reduce.

Tools for mixing, blending and modify colours with several interpolation modes


Great and very useful collection of icon collections, to find and bundle the icons you need

TinyWow - Free PDF, Video, Image & Other Online Tools

Create, convert or manipulate PDF, XML, CSV, images, videos and more with different tools

Cryptii - Unicode Lookup

Web app offering modular conversion, encoding and encryption online.

Iconoir | Free Icons

Iconoir is one of the biggest open source libraries with currently 1007 SVG Icons.

Non Boring Gradients

Web tool for generating gradients by selecting different interpolation spaces and easing.

SVG Backgrounds

Create customized backgrounds for download

Remove Background From Images For Free

Google Title Rewrite Checker

Because SEO should be accessible, you can use this free tool to check if Google is rewriting the title of a list of pages


Create and download app icons

Remove objects, people, text and defects from any picture

Online CSS Analyzer

Analyze CSS is an online tool that analyzes your website’s CSS

MConverter: Easy to Use Online File Converter

Convert videos, images, documents, audio files and much more.

Share a secret

Share a secret with a link that only works one time and then self-destructs.

Share a secret - One Time

Keep sensitive info out of your email and chat logs by creating a one-time link to send to your recipient.

SVGOMG - UI for SVG Optimizer

UI for SVG Optimizer, a Node.js-based tool for optimizing SVG vector graphics files.


Vytal shows you what traces your browser leaves behind while surfing the web.

Redirect Detective - Discover where those redirects really go to

Redirect Detective – Analyze redirects without opening them yourself


Hundreds of vector logos from brands

SVG Gobbler

Download icons, logos, and vector SVGs from any site via Chrome or Firefox extension

Wicked Backgrounds

Create beautiful backgrounds waves for your illustrations.

Unicode Arrows

Collection of Unicode arrows for using on websites

Variable Fonts

A simple resource for finding and trying variable fonts

Compress Image Online |

Compress JPG and PNG images at light speed with Browser based Image compressor.

Yellow Lab Tools - Page Speed audit

Online test to help speeding up heavy web pages

Icons - Google Fonts

Material Icons are available in five styles and a range of downloadable sizes and densities. The icons are based on the core Material Design principles and metrics.

SVG Repo

Browse 300.000+ SVG Vectors and Icons. Explore, search and find the best fitting icons or vectors for your projects using wide variety vector library.

Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API


High Quality Web Icons Set


Simply beautiful open source icons

Majesticons Pro

Over 300 beautiful line icons as SVG

Simple Icons

Free SVG icons for popular brands

VISIWIG - Indie Icons

Click + Paste Graphics - that elevates your your website and brand visuals

DOM Events

Learn about the DOM Event system through exploration.

SVG Crop

Remove blank space from around any SVG instantly.


A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more! Our generators let you discover, customize, randomize, and export generative SVG design assets ready to use with your favorite design tools.


Generate better performing screenshots by focusing the user's attention.

regex101: build, test, and debug regex

Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java. Features a regex quiz & library.


Site owners and digital marketers use Waterfaller as as an alternative to Google PageSpeed Insights to find and fix problems with page speed and core web vital scores. - Email for 10 minutes or more

Create a temporary email. For 10 minutes or more. Anonymous email service allows you to receive emails for a safe registration on sites and services. Unlimited mailbox lifetime. No registration. Unlimited mailbox size. Attachments allowed.


Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit.

UI Gradient Generator

Create gorgeous, buttery-smooth color gradients for UI design. Export as CSS or SVG image.

Compare your Page Speed

Compare performance metrics of your pages against each other or your competitors using Google PageSpeed Insights.

Free SVG Converter

Convert online picture to svg freely.

Easing Gradients

Supercharge your gradients with non-linear color mix and custom color spaces.


Beautiful image placeholders, without the hassle.

CSS Grid Generator

You can set the numbers, and units of your columns and rows, and I'll generate a CSS grid for you! Drag within the boxes to create divs placed within the grid.

Type Scale - A Visual Calculator

Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.


Progressive Web Application with 12 open source frontend focused tools

myScale - Quick SVG Icon Resizer

Small Lightweight Tool scratched in Pure JavaScript to Quickly Resize and Convert SVG to PNG


Helpy small tool, to get some device features, such as the different widths, heights, orientation, full screen, mobile or desktop, height of the navigation bar, etc.

URL and website scanner -

Website scanner for suspicious and malicious URLs

HTML Arrow Symbols, Entities and Codes

HTML Arrows is a comprehensive reference website for finding HTML symbol codes and entities, ASCII characters and Unicode hexadecimal values to use in your web design.


An elegant, text-based calculator for the Web

Tabler Icons: over 1250 vector icons for web design

Free and open source icons designed with attention to detail to make your design stand out.

RegExr: Learn, Build, & Test RegEx

RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).

Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free.

Favicon Generator for perfect icons on all browsers

The ultimate favicon generator. Design your icons platform per platform and make them look great everywhere. Including in Google results pages.


Animated icons in Lottie Framework and for immediate implementation to your apps or websites.


The Responsinator is designed to test responsive websites on different device resolutions

CSS Filter Generator

CSSFilterGenerator produces CSS filters and mix-blend-mizode overlay code using a graphical user interface.

Wakamai Fondue

The tool that answers the question “what can my font do?”

CSS clip-path Editor

Generate clip-path CSS code, based on editable templates.

Contrast Ratio

Easily calculate color contrast ratios.

Tint and Shade Generator

Easily make tints and shades that match the output of Chrome DevTools, PostCSS, and Sass.

The good line-height

Tool to calculate the exact number of the right line-height for every text size in the scale, so it always fits the baseline grid!


Free beautiful QR codes. Add/remove borders. Add text, use transperant background, apply any color.

Color Contrast & Color Perception Accessibility Checker

This tool lets you check the color contrast between different color pairings and check for common color perceptions against WCAG accessibility standards.

google webfonts helper

A Hassle-Free Way to Self-Host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets!

webhint's online scanner

Analyze any public website using webhint's online tool Measure

See how well your website performs. Then, get tips to improve your user experience.

TinyJPG – Compress JPEG images intelligently

Make your website faster and save bandwidth. TinyJPG is the best automatic JPEG optimizer and compresses your JPEG images by 40-60%!

SSL Checker

Verify that your SSL certificate is installed correctly, identify installation issues if any.


Compress and compare images with different codecs, right in your browser

Analyse your HTTP response headers

Quickly and easily assess the security of your HTTP response headers

Open Graph (OG) Meta Tags Checker

Check how search engines and social medias such as Google, Facebook, Twitter display your website.

HTTP Status Codes —

HTTP Status Code directory, with definitions, details and helpful code references.


Compute different hashes of a string

FA Icons - Copy Font Awesome Icons as SVG

Easily copy your favorite icons from Font Awesome as SVG

Browser Default Styles

Search against any element for standardized and default styles from all major rendering engines (WebKit, Blink, Gecko, Trident)

Base64 Converter

A fast and simple tool to convert to and from base64


Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use

All Characters

A simple page that shows all the different characters and their HTML code


A free app to minimize, pretty print, and inspect HTML, CSS, Javascript, JSON, or XML

All – Tiny Helpers

A collection of free single-purpose online tools for web developers.