My Tools Garage

Web & Dev Tools

Cron, contrast, CSS generators & dev references.

HTTP Status Code Reference

Search every standard HTTP status code.

MIME Type Lookup

Find the MIME type for any file extension.

User-Agent Parser

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

URL Parser

Break a URL into its parts and query params.

UTM Campaign URL Builder

Add UTM tracking parameters to any link.

CSS Unit Converter

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

Colour Contrast Checker

Test text contrast against WCAG AA and AAA.

CSS Box Shadow Generator

Design a box-shadow with sliders and live preview.

CSS Gradient Generator

Build linear and radial gradients with a live preview.

CSS Border Radius Generator

Round each corner with sliders and a live preview.

.gitignore Generator

Combine ignore templates for your stack and tools.

Cookie Header Parser

Decode Cookie and Set-Cookie headers into fields.

ASCII Table Reference

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

Chmod Calculator

Build Unix file permissions visually.

Cron Builder Explainer

Build and decode cron schedules in plain English.

Crontab Explainer

Turn a cron expression into plain English.

CSS Animation Generator

Build @keyframes and animation shorthand in seconds.

CSS Clip-path Generator

Generate CSS clip-path shapes with a live preview.

CSS Grid Generator

Visually build CSS grid layouts and copy the code.

CSS Specificity Calculator

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

CSS Triangle Generator

Make pure-CSS triangles with the border trick.

Cubic Bezier Editor

Craft CSS easing curves visually.

cURL to Fetch

Turn a cURL command into JavaScript fetch code.

Docker Compose Generator

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

Dockerfile Generator

Scaffold a clean Dockerfile in seconds.

Domain Parser

Split any host into subdomain, domain and TLD.

Dotenv Example Generator

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

.editorconfig Generator

Build an .editorconfig file in seconds.

Flexbox Grid Playground

Tweak flexbox visually and copy the CSS.

HTML Boilerplate Generator

Build a clean HTML5 starter document in seconds.

HTML Escape Unescape

Encode or decode HTML special characters.

HTTP Header Reference

Searchable guide to common HTTP headers.

Keyframes Spinner Generator

Build a CSS loading spinner, copy the code.

License Picker

Choose an open-source licence and get the text.

Lorem Picsum URL Builder

Build placeholder image URLs for Lorem Picsum.

Media Query Generator

Build responsive CSS media queries in seconds.

Meta / OG Tag Generator

Generate SEO, Open Graph and Twitter Card meta tags.

Nginx Config Generator

Build an nginx server block in seconds.

Open Graph Preview

See how your link looks when shared.

Port Number Lookup

Find the service behind a TCP/UDP port.

README Generator

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

Regex Cheatsheet

Searchable regex reference with a live tester.

Semantic Version Bumper

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

Shields Badge Generator

Build shields.io badge URLs, Markdown and HTML.

SVG Optimizer

Shrink SVG markup losslessly in your browser.

Twitter Card Preview

Preview your twitter:card meta tags before you share.

Unicode Character Explorer

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

About Web & Dev Tools

A toolbox of web-development references and generators: HTTP status code lookup, MIME type search, User-Agent and URL parsers, cookie inspectors, CSS generators for gradients, box-shadows, clamp() fluid type and border-radius, plus builders for robots.txt, .htaccess and UTM-tagged URLs. Everything runs client-side, so a URL you parse or a header you inspect is never sent anywhere — safe for internal endpoints and staging URLs. The references are searchable and fast enough to keep open in a spare tab; the generators output copy-ready code you can paste straight into your project.