Web Developer Essentials
The core toolset for front-end and full-stack developers: formatters, testers, generators, CSS utilities, encoders, and network diagnostics.
Tools in This Collection
51 toolsAspect Ratio Calculator
Simplify a width and height to their ratio (e.g. 1920×1080 → 16:9), or scale a target ratio to find a missing dimension.
Base64 Encode & Decode
Encode any text or binary data to Base64 and decode Base64 back to its original form — all instantly in your browser.
Binary to Text Converter
Convert text to binary and binary back to text — see the exact 1s and 0s behind every character in any string.
Border Radius Generator
Shape rounded corners visually — control all four corners independently or link them together, with instant preview and CSS output.
Box Shadow Generator
Build pixel-perfect box shadows with live preview — control offsets, blur, spread, colour, and opacity, then copy the CSS in one click.
Button Generator
Complete button styler — colours, borders, padding, shadows, hover state, and a live editable preview.
Caesar Cipher
Encipher and decipher text with the classic Caesar substitution cipher — you choose the shift value from 1 to 25.
Code to Image
Turn a code snippet into a shareable PNG image with a clean card background, line numbers, and a dark or light theme.
Credit Card Number Generator
Generate Luhn-valid test card numbers for Visa, Mastercard, Amex and Discover — for software testing only, never real transactions.
Cron Expression Generator & Parser
Build a 5-field cron expression with simple dropdowns, or paste an existing cron string to get a plain-English explanation of when it runs.
CSS Formatter & Minifier
Expand CSS into one readable declaration per line, or minify it down to a single compact line.
CSS Grid Generator
Visual CSS Grid builder — set rows, columns, gaps, and alignment, then copy the exact grid CSS in one click.
CSS Variables Generator
Define and preview CSS custom properties in real time — build your :root block visually and see variables applied to a sample card component.
CSV to JSON Converter
Paste CSV data with a header row and get a clean JSON array of objects — proper quoted-field parsing, not a naive comma split.
DNS Lookup
Query DNS records for any domain — A, AAAA, MX, NS, TXT, CNAME, and SOA records.
Fake Data Generator
Generate realistic-looking but entirely synthetic test data — names, emails, addresses and more — as JSON or CSV.
Flexbox Generator
Visual Flexbox playground — choose direction, alignment, wrapping, and gap; see numbered items rearrange live.
Gradient Text Generator
Transform plain text into vibrant gradient typography — choose colours, direction, and preview live with ready-to-use CSS.
Hash Generator
Generate MD5, SHA-1, SHA-256, SHA-384 and SHA-512 hashes of any text, entirely in your browser.
Hex to Text Converter
Convert text to hexadecimal and decode hex strings back to text — see the exact byte values behind every character.
Hover Card Generator
Design cards with smooth hover effects — lift, scale, shadow, and border transitions, all previewed live on a sample card.
HTML Entity Encode & Decode
Convert text to HTML entities and back — escape or unescape angle brackets, ampersands, quotes, and more for safe HTML embedding.
HTML Formatter & Minifier
Pretty-print messy HTML with proper indentation, or minify it by stripping comments and extra whitespace.
IP Address Lookup
Look up the geographic location, ISP, and organisation behind any IP address — including yours.
JavaScript Formatter & Comment Stripper
Re-indent JavaScript based on brace depth, or strip comments and collapse blank lines for a lighter-weight file.
JSON Formatter & Validator
Format, minify, or validate JSON instantly — with syntax highlighting, right in your browser.
JSON to CSV Converter
Convert a JSON array of objects into a downloadable CSV file, with a header row built from every key and proper comma/quote handling.
JSON to TypeScript Interface Generator
Paste a JSON sample and generate matching TypeScript interfaces, with nested objects automatically split into their own named types.
JWT Decoder
Paste a JSON Web Token and instantly see its decoded header and payload, with a human-readable expiry date.
JWT Encoder
Sign and create JSON Web Tokens — build a JWT header, payload, and HMAC signature with your secret key.
MAC Address Lookup
Identify the manufacturer of any network device from its MAC address — the OUI vendor lookup.
Markdown to HTML Converter
Paste Markdown, see the rendered HTML preview instantly, and copy the generated HTML source — all processed locally in your browser.
Morse Code Converter
Translate text to Morse code and decode Morse code back to text — dots, dashes, and spaces made readable.
Number Base Converter
Convert numbers between any base from 2 to 36 — binary, octal, decimal, hexadecimal or any custom base — instantly.
Port Checker
Check whether a specific port is open on any host or IP address — from our server to yours.
Regex Tester
Write a regular expression, paste in real text, and watch every match highlight live — with full capture-group detail for each hit.
ROT13 Cipher
Apply the ROT13 substitution cipher to any text — each letter is shifted by 13 places, and applying it twice returns the original.
Scroll Animation Generator
Build scroll-triggered animations — elements fade and slide into view as the user scrolls, powered by Intersection Observer.
SQL Formatter & Minifier
Uppercase keywords and lay SQL out one clause per line, or collapse it to a single normalized-whitespace line.
SSH Key Generator
Generate a real RSA-2048 SSH key pair entirely in your browser — public key in OpenSSH format, private key as a PKCS#8 PEM.
Subnet Calculator
Calculate subnet details from any IP address and CIDR prefix — network, broadcast, range, hosts.
SVG Path Animator
Animate SVG paths with the stroke-dasharray technique — draw lines, shapes, and icons that trace themselves onto the screen.
Text Animation Generator
Create animated text with typewriter, word-by-word fade, character slide, glitch, and neon flicker effects — preview and copy the CSS.
Unix Timestamp Converter
Convert a Unix timestamp to a readable date, or a date to a Unix timestamp — see both UTC and your local time at once.
ULID Generator
Generate ULIDs — 26-character, time-sortable, URL-safe identifiers that combine a timestamp with cryptographic randomness.
URL Encode & Decode
Encode text for safe inclusion in URLs and decode percent-encoded strings back to readable text instantly.
User Agent Parser
Parse any user agent string to identify the browser, operating system, device type and rendering engine.
UUID Generator
Generate cryptographically random UUID v4 identifiers, one or a hundred at a time.
What Is My Browser
Instantly see your browser details — name, version, OS, screen, language, cookies, and more.
XML Formatter, Minifier & Validator
Pretty-print, minify or validate XML using your browser's built-in XML engine — fast and completely offline.
YAML Formatter & Validator
Re-indent YAML to clean 2-space formatting and check it for syntax errors, right in your browser.