Tiny Tools

A collection of tiny web tools

75 items total

Yellow Lab Tools - Page Speed audit

https://yellowlab.tools/

Online test to help speeding up heavy web pages

UI Gradient Generator

https://learnui.design/tools/gradient-generator.html

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

VISIWIG - Indie Icons

https://www.visiwig.com/icons/

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

SVG Repo

https://www.svgrepo.com/

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.

css.gg

https://css.gg/

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

Boxicons

https://boxicons.com/

High Quality Web Icons Set

FeatherIcons

https://feathericons.com/

Simply beautiful open source icons

Majesticons Pro

https://www.majesticons.com/

Over 300 beautiful line icons as SVG

Icons - Google Fonts

https://fonts.google.com/icons

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.

Simple Icons

https://simpleicons.org/

Free SVG icons for popular brands

DOM Events

https://domevents.dev/

Learn about the DOM Event system through exploration.

FA Icons - Copy Font Awesome Icons as SVG

https://faicons.dev

Easily copy your favorite icons from Font Awesome as SVG

Browser Default Styles

https://browserdefaultstyles.com

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

All Characters

https://aymkdn.github.io/characters

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

Color Picker Tool | 0to255

https://www.0to255.coms

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

Base64 Converter

https://pr.gg/base64

A fast and simple tool to convert to and from base64

Alchemize

https://alchemizeapp.com/app

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

Waterfaller

https://waterfaller.dev/

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.

useAnimations

https://useanimations.com/

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

Microjs

http://microjs.com/

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

SVG Crop

https://svgcrop.com

Remove blank space from around any SVG instantly.

remove.bg

https://www.remove.bg

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

Haikei

https://app.haikei.app/

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.

ProductShot

https://productshot.app/

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

regex101: build, test, and debug regex

https://regex101.com/

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

Open Graph (OG) Meta Tags Checker

https://www.opengraph.xyz/

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

dropmail.me - Email for 10 minutes or more

https://dropmail.me/en/

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.

Compare your Page Speed

https://pagespeed.compare/

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

Free SVG Converter

https://picsvg.com/

Convert online picture to svg freely.

Easing Gradients

https://larsenwork.com/easing-gradients/

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

Plaiceholder

https://plaiceholder.co/

Beautiful image placeholders, without the hassle.

CSS Grid Generator

https://cssgrid-generator.netlify.app/

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

https://type-scale.com/

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

Omatsuri

https://omatsuri.app/

Progressive Web Application with 12 open source frontend focused tools

myScale - Quick SVG Icon Resizer

https://webkul.github.io/myscale/

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

HTML Arrow Symbols, Entities and Codes

https://www.toptal.com/designers/htmlarrows/arrows/

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.

Numbr

https://numbr.dev/

An elegant, text-based calculator for the Web

Tabler Icons: over 1250 vector icons for web design

https://tabler-icons.io/

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

RegExr: Learn, Build, & Test RegEx

https://regexr.com/

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

Responsinator

https://www.responsinator.com/

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

Favicon Generator for perfect icons on all browsers

https://realfavicongenerator.net/

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

Wakamai Fondue

https://wakamaifondue.com/

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

CSS clip-path Editor

https://codepen.io/stoumann/full/abZxoOM

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

Contrast Ratio

https://contrast-ratio.com/

Easily calculate color contrast ratios.

Tint and Shade Generator

https://maketintsandshades.com/

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

The good line-height

https://www.thegoodlineheight.com/

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!

link-to-qr

https://link-to-qr.com/

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

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

https://internet.nl/

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

Color Contrast & Color Perception Accessibility Checker

https://www.websitehostingrating.com/color-contrast-perception-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

https://google-webfonts-helper.herokuapp.com/fonts

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

TinyJPG – Compress JPEG images intelligently

https://tinyjpg.com/

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

SSL Checker

https://decoder.link/

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

Squoosh

https://squoosh.app/

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

Analyse your HTTP response headers

https://securityheaders.com/

Quickly and easily assess the security of your HTTP response headers

HTTP Status Codes — httpstatuses.com

https://httpstatuses.com/

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

Device.js

https://erovas.github.io/Device.js/

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 - urlscan.io

https://urlscan.io/

Website scanner for suspicious and malicious URLs

Hashler

https://www.hashler.com/

Compute different hashes of a string

Animista

https://animista.net/play

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

webhint's online scanner

https://webhint.io/scanner/

Analyze any public website using webhint's online tool

web.dev Measure

https://web.dev/measure/

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

All – Tiny Helpers

https://tiny-helpers.dev/

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

CSS Filter Generator

https://www.cssfiltergenerator.com/

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