ToolBox

DEVELOPER TOOL

Meta Tag Generator

Generate SEO and social-preview meta tags, with a live search-result preview.

About this tool

Fill in a title, description, URL, and optional preview image to generate the standard meta tags search engines and social platforms read — including Open Graph and Twitter Card tags — plus a live preview of roughly how the page might appear in Google search results.

Frequently asked questions

Why do title and description have character limits?
Search engines typically truncate titles beyond about 60 characters and descriptions beyond about 160 in search results, so the hints here warn you before that happens.
What are Open Graph tags for?
They control how a link looks when shared on platforms like Facebook and LinkedIn — the preview title, description, and image shown in the shared card come from these tags rather than the page's visible content.
Does Google's actual preview look exactly like this?
This is a close approximation — Google's real rendering can vary based on the query, device, and algorithm changes, so treat this as a helpful guide rather than a pixel-perfect match.
JSON Formatter & Validator

Format, validate, and minify JSON with clear error messages.

 Base64 Encoder / Decoder

Encode text to Base64 or decode Base64 back to plain text.

 URL Encoder / Decoder

Percent-encode or decode text and URLs safely.

 Number Base Converter

Convert numbers between binary, octal, decimal, and hexadecimal.

 Markdown Previewer

Write Markdown and see the rendered HTML preview live.

 Text Diff Checker

Compare two blocks of text and highlight what changed.

 Slug Generator

Turn any title into a clean, URL-friendly slug.

 Regex Tester

Test a regular expression against text and see every match highlighted.

 UUID Generator

Generate random version 4 UUIDs, one or many at a time.

 HTML Entity Encoder / Decoder

Escape text to safe HTML entities, or decode entities back to text.

 JWT Decoder

Decode a JSON Web Token's header and payload without a server.

 Cron Expression Explainer

Turn a cron schedule expression into a plain-English description.

 CSS Gradient Generator

Build a linear gradient visually and copy the ready-to-use CSS.

 Color Contrast Checker

Check whether a text and background color pair meets WCAG contrast rules.

 CSS Unit Converter

Convert between px, em, rem, and pt for a given base font size.

 URL Parser

Break a URL down into protocol, host, path, and query parameters.

 HTTP Status Code Reference

Look up what any HTTP status code means.

 Image to Base64 Converter

Convert an image file into a Base64 data URI for embedding in code.

 JavaScript Minifier & Compressor

Shrink JavaScript for production using Terser, entirely in your browser.

 CSS Minifier & Compressor

Shrink CSS for production using CSSO, entirely in your browser.

 Screen Resolution & Device Info

See your screen resolution, viewport size, browser, and device details.

 IP Subnet Calculator

Calculate network address, broadcast, and usable host range from a CIDR block.

 cURL Command Generator

Build a properly quoted curl command from a method, URL, headers, and body.