My Tools Garage

Web & Dev Tools

Cron, contrast, CSS generators & dev references.

beta

HTTP Status Code Reference

Search every standard HTTP status code.

beta

MIME Type Lookup

Find the MIME type for any file extension.

beta

User-Agent Parser

Decode a User-Agent into browser, OS and device.

beta

URL Parser

Break a URL into its parts and query params.

beta

UTM Campaign URL Builder

Add UTM tracking parameters to any link.

beta

CSS Unit Converter

Convert between px, rem, em, pt and percent.

beta

Colour Contrast Checker

Test text contrast against WCAG AA and AAA.

beta

CSS Box Shadow Generator

Design a box-shadow with sliders and live preview.

beta

CSS Gradient Generator

Build linear and radial gradients with a live preview.

beta

CSS Border Radius Generator

Round each corner with sliders and a live preview.

beta

.gitignore Generator

Combine ignore templates for your stack and tools.

beta

Cookie Header Parser

Decode Cookie and Set-Cookie headers into fields.

beta

ASCII Table Reference

Searchable ASCII table with dec, hex, oct and binary.

beta

Chmod Calculator

Build Unix file permissions visually.

beta

Cron Builder Explainer

Build and decode cron schedules in plain English.

beta

Crontab Explainer

Turn a cron expression into plain English.

beta

CSS Animation Generator

Build @keyframes and animation shorthand in seconds.

beta

CSS Clip-path Generator

Generate CSS clip-path shapes with a live preview.

beta

CSS Grid Generator

Visually build CSS grid layouts and copy the code.

beta

CSS Specificity Calculator

Score any CSS selector as an (a,b,c) triple.

beta

CSS Triangle Generator

Make pure-CSS triangles with the border trick.

beta

Cubic Bezier Editor

Craft CSS easing curves visually.

beta

cURL to Fetch

Turn a cURL command into JavaScript fetch code.

beta

Docker Compose Generator

Scaffold a docker-compose.yml with databases and cache.

beta

Dockerfile Generator

Scaffold a clean Dockerfile in seconds.

beta

Domain Parser

Split any host into subdomain, domain and TLD.

beta

Dotenv Example Generator

Turn a .env file into a safe .env.example.

beta

.editorconfig Generator

Build an .editorconfig file in seconds.

beta

Flexbox Grid Playground

Tweak flexbox visually and copy the CSS.

beta

HTML Boilerplate Generator

Build a clean HTML5 starter document in seconds.

beta

HTML Escape Unescape

Encode or decode HTML special characters.

beta

HTTP Header Reference

Searchable guide to common HTTP headers.

beta

Keyframes Spinner Generator

Build a CSS loading spinner, copy the code.

beta

License Picker

Choose an open-source licence and get the text.

beta

Lorem Picsum URL Builder

Build placeholder image URLs for Lorem Picsum.

beta

Media Query Generator

Build responsive CSS media queries in seconds.

beta

Meta / OG Tag Generator

Generate SEO, Open Graph and Twitter Card meta tags.

beta

Nginx Config Generator

Build an nginx server block in seconds.

beta

Open Graph Preview

See how your link looks when shared.

beta

Port Number Lookup

Find the service behind a TCP/UDP port.

beta

README Generator

Build a clean README.md from a few project fields.

beta

Regex Cheatsheet

Searchable regex reference with a live tester.

beta

Semantic Version Bumper

Bump a semver string by major, minor, patch or prerelease.

beta

Shields Badge Generator

Build shields.io badge URLs, Markdown and HTML.

beta

SVG Optimizer

Shrink SVG markup losslessly in your browser.

beta

Twitter Card Preview

Preview your twitter:card meta tags before you share.

beta

Unicode Character Explorer

Inspect code points, escapes and UTF-8 bytes per character.