Developer toolbox

Choose a tool. Get it done.

Fast utilities for AI prompting and everyday web development. Each tool has its own focused page. Most tools process data locally; the website auditor checks public URLs through our server.

Built for everyday work

Useful tools across the development workflow

Format data, improve interfaces, inspect security-related values, and handle repetitive text tasks without sending content away.

Developer formatting JSON CSV and structured data in a browser tool

Data formatting

Work with JSON, CSV, Base64, URLs, and timestamps.

CSS design controls for gradients shadows colors and responsive interfaces

CSS and design

Create gradients, shadows, color combinations, and interface details.

Browser security utility showing hashes passwords tokens and privacy controls

Security and privacy

Generate passwords, inspect tokens, and create secure hashes locally.

Text productivity tools for email extraction case conversion and word counting

Text productivity

Extract, count, convert, encode, and prepare text efficiently.

{ }Data

JSON Formatter & Validator

Format, minify, and validate JSON instantly in your browser.

Open tool →
◐CSS

CSS Gradient Generator

Build a polished linear gradient and copy production-ready CSS.

Open tool →
◷Utilities

Unix Timestamp Converter

Convert Unix timestamps to readable dates and back again.

Open tool →
AaText

Text Case Converter

Convert text to title, sentence, camel, kebab, snake, or uppercase.

Open tool →
.*Code

Regex Tester

Test regular expressions and inspect every match without sending data away.

Open tool →
◒Accessibility

Color Contrast Checker

Check WCAG contrast ratios for text and background colors.

Open tool →
%Web

URL Encoder & Decoder

Safely encode or decode URLs, query values, and text fragments.

Open tool →
64Data

Base64 Encoder & Decoder

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

Open tool →
123Text

Word & Character Counter

Measure words, characters, sentences, lines, and reading time.

Open tool →
SEOSEO

SEO Meta Tag Generator

Create essential title, description, canonical, and social meta tags.

Open tool →
▣CSS

CSS Box Shadow Generator

Design polished shadows with live controls and copyable CSS.

Open tool →
•••Security

Secure Password Generator

Generate strong passwords locally using browser cryptography.

Open tool →
@Text

Email Extractor

Find, clean, deduplicate, sort, copy, and download email addresses from pasted text.

Open tool →
IDUtilities

UUID Generator

Generate one or many cryptographically random UUID v4 identifiers in your browser.

Open tool →
#Security

Hash Generator

Create SHA-256, SHA-384, or SHA-512 hashes from text using the Web Crypto API.

Open tool →
JWTSecurity

JWT Decoder

Inspect JWT header and payload data locally without uploading or verifying the token.

Open tool →
CSVData

JSON to CSV Converter

Convert arrays of JSON objects into clean downloadable CSV data.

Open tool →
&;Web

HTML Entity Encoder & Decoder

Encode text safely for HTML or decode HTML entities back into readable text.

Open tool →
{#}CSS

CSS Formatter & Minifier

Beautify readable CSS or remove unnecessary whitespace for production use.

Open tool →
URLWeb

URL Parser & Query Inspector

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

Open tool →
/aSEO

URL Slug Generator

Turn titles and phrases into clean SEO-friendly URL slugs.

Open tool →
16:9Utilities

Aspect Ratio Calculator

Calculate image and video dimensions while preserving the original aspect ratio.

Open tool →
▦CSS

CSS Grid Builder

Build responsive auto-fit or fixed-column grids with a resizable preview and ready-to-copy CSS.

Open tool →
↔CSS

Flexbox Layout Builder

Explore alignment, wrapping, direction, and spacing with a live Flexbox layout preview.

Open tool →
AaCSS

Fluid Typography Calculator

Generate CSS clamp() font sizes that scale smoothly between your chosen viewport widths.

Open tool →
↗CSS

CSS Spacing Scale Generator

Create consistent linear or geometric spacing tokens for margins, padding, and gaps.

Open tool →
◑CSS

Color Palette & Shades Generator

Turn a brand color into ten useful tints and shades with exportable CSS variables.

Open tool →
▧Utilities

Image Resizer & Compressor

Resize and compress JPEG, PNG, and WebP images locally, preview the result, and download.

Open tool →
SVGWeb

SVG to CSS Background Converter

Encode SVG artwork as a CSS background-image data URL without uploading your source.

Open tool →
Text

Placeholder Text Generator

Generate paragraphs, sentences, or an exact word count for layouts in plain text or HTML.

Open tool →
BOTSEO

Robots.txt Generator

Build crawler directives, allowed exceptions, and sitemap references for your robots.txt file.

Open tool →
@CSS

CSS Media Query Builder

Create responsive CSS queries with width ranges, orientation, and motion preferences.

Open tool →
✦AI

AI Prompt Generator & Writing Guide

Build detailed prompts with task templates, context, examples, output formats, and a practical writing guide.

Open tool →
✓AI

Prompt Checklist Reviewer

Inspect prompt structure with transparent local checks and create a revision brief.

Open tool →
≈AI

AI Token & Cost Estimator

Estimate context usage and API costs using your own model limits and pricing.

Open tool →
▤AI

AI Context Pack Builder

Organize reference material into a labeled context pack with sources and instructions.

Open tool →
◈AI

AI Image Prompt Builder

Compose visual briefs with subject, composition, lighting, style, and exclusions.

Open tool →
▧Utilities

Batch Image Optimizer & Converter

Resize and convert up to 20 images locally, compare results, and download a ZIP.

Open tool →
SEOSEO

Website SEO & Broken Link Auditor

Audit public pages for SEO issues and broken links, with an exportable report.

Open tool →
CSVData

CSV / JSON Data Cleaner & Converter

Clean, deduplicate, map columns, and convert CSV or JSON with a table preview.

Open tool →
▦CSS

Visual CSS Layout Builder

Design responsive Grid and Flexbox layouts with independent breakpoints and HTML export.

Open tool →
±Code

Text & Code Difference Checker

Compare text and code by line or word, normalize JSON, and download changes.

Open tool →
{}Data

JSON Structure Explorer

Inspect nested JSON values, select JSON Pointer paths, and export a selected value.

Open tool →
∩Text

List Comparison

Find shared items, differences and unique combinations across two lists.

Open tool →
UTMSEO

UTM Campaign URL Builder

Build campaign links while preserving unrelated query parameters and fragments.

Open tool →
U+Text

Unicode Text Inspector

Inspect code points, text normalization, character clusters and UTF-8 byte counts.

Open tool →
?=Web

URL Query Editor

Edit ordered query parameters, including duplicate keys, without opening the URL.

Open tool →
JLData

JSON Lines Converter

Convert JSON arrays to JSON Lines and validate JSON Lines with precise line errors.

Open tool →
↝CSS

CSS Easing Playground

Shape a cubic-bezier curve, preview motion and export reusable transition CSS.

Open tool →
#✓Security

File Checksum Verifier

Calculate a local file hash and compare it with an expected SHA-256, SHA-384 or SHA-512 checksum.

Open tool →