Dev Toolbox 🧰

A collection of free, fast developer tools that run entirely in your browser. No data ever leaves your machine.

🌐 Live: tiny-dev-tools.vercel.app

---

✨ Features

• 🔒 Privacy First — All tools run client-side. No data is sent to any server.
• ⚡ Instant — No network latency. Results appear as you type.
• 🔗 Shareable — Deep links to any tool for easy sharing.
• 🌙 Dark Mode — Easy on the eyes, designed for developers.

---

🛠️ Available Tools

All tools are now implemented! 🎉

Legend: ✅ Available

JSON

Tool	Description	Status
JSON Formatter & Validator	Format, validate, and beautify JSON with syntax highlighting	✅
JSON Diff / Compare	Compare two JSON documents and highlight differences	✅
JSON Minifier	Remove whitespace and minify JSON	✅
JSON Path Evaluator	Query JSON with JSONPath expressions	✅
JSON Schema Validator	Validate JSON against a JSON Schema	✅
JSON to TypeScript	Generate TypeScript interfaces from JSON	✅
JSON to Go Struct	Generate Go structs from JSON	✅
JSON to Rust Struct	Generate Rust structs from JSON	✅
JSON Tree Viewer	Interactive tree visualization of JSON	✅
JSON Query (JQ)	Query JSON with jq-like syntax	✅

Encoding

Tool	Description	Status
Base64 Encode / Decode	Encode text to Base64 or decode Base64 strings	✅
URL Encode / Decode	Encode or decode URL components and query strings	✅
HTML Entity Encode / Decode	Convert special characters to HTML entities	✅
Hex ↔ ASCII Converter	Convert between hexadecimal and ASCII text	✅
Binary ↔ Text Converter	Convert between binary and readable text	✅
Data URL Converter	Encode files/text to Data URLs and decode them	✅
ROT13 Cipher	Simple letter substitution cipher	✅
Unicode Escape / Unescape	Convert Unicode characters to escape sequences	✅
Punycode Converter	Convert internationalized domain names	✅
URL Parser	Parse and analyze URL components	✅
Query String Builder	Build and edit URL query strings	✅
Morse Code Translator	Convert text to Morse code and back	✅

Text

Tool	Description	Status
Case Converter	Convert between camelCase, PascalCase, snake_case, kebab-case	✅
Lorem Ipsum Generator	Generate placeholder text	✅
Word & Character Counter	Count words, characters, sentences, paragraphs	✅
Regex Tester	Test regular expressions with live matching	✅
Text Diff / Compare	Compare two texts and highlight differences	✅
Markdown Preview	Live Markdown preview with GFM support	✅
String Escape / Unescape	Escape strings for JSON, SQL, CSV, XML	✅
Line Sorter	Sort lines alphabetically, numerically, or naturally	✅
Remove Duplicate Lines	Remove duplicate lines from text	✅
Text to Slug	Convert text to URL-friendly slugs	✅
String Reverse	Reverse text or words	✅
Text Repeater	Repeat text n times	✅
Number to Words	Convert numbers to written words	✅
Whitespace Remover	Remove extra spaces, tabs, newlines	✅
Find & Replace	Advanced find and replace with regex	✅
Text Truncator	Truncate text with ellipsis options	✅
Add/Remove Line Numbers	Add or strip line numbers from text	✅
Shuffle Lines	Randomly shuffle lines of text	✅
Extract Emails/URLs	Extract all emails or URLs from text	✅
Text to ASCII Art	Convert text to ASCII art	✅

Security & Crypto

Tool	Description	Status
JWT Decoder	Decode and inspect JSON Web Tokens	✅
JWT Generator	Generate JSON Web Tokens with custom claims	✅
Hash Generator	Generate SHA-256, SHA-512, SHA-1 hashes	✅
HMAC Generator	Generate HMAC signatures	✅
Password Strength Checker	Analyze password strength and entropy	✅
Bcrypt Hash Generator	Generate bcrypt password hashes	✅
AES Encrypt / Decrypt	Encrypt and decrypt text with AES	✅
RSA Key Generator	Generate RSA public/private key pairs	✅
SSL Certificate Decoder	Decode and inspect SSL/TLS certificates	✅
CSP Header Generator	Generate Content Security Policy headers	✅
CORS Header Generator	Generate CORS headers for APIs	✅
Subresource Integrity (SRI)	Generate SRI hashes for scripts/styles	✅
API Key Generator	Generate random API keys	✅

Generators

Tool	Description	Status
UUID Generator	Generate UUID v4 (random) or v1 (timestamp)	✅
Password Generator	Generate secure random passwords	✅
QR Code Generator	Generate QR codes from text or URLs	✅
.gitignore Generator	Generate .gitignore files for languages and frameworks	✅
README Generator	Generate README.md files with templates	✅
Favicon Generator	Generate favicon sets from an image	✅
Box-Shadow Generator	Generate CSS box-shadow visually	✅
Flexbox Playground	Visual playground for CSS Flexbox	✅
CSS Grid Generator	Visual CSS Grid layout generator	✅
Barcode Generator	Generate various barcode formats	✅
Fake Data Generator	Generate fake names, emails, addresses	✅
Random Number Generator	Generate random numbers with options	✅
Color Palette Generator	Generate harmonious color palettes	✅
Gradient Generator	Create CSS gradients visually	✅
Placeholder Image Generator	Generate placeholder images	✅
Lorem Picsum URLs	Generate random image URLs	✅
Crontab Generator	Build cron expressions visually	✅
Regex Generator	Generate regex from examples	✅
SQL INSERT Generator	Generate INSERT statements from data	✅
Mock JSON Generator	Generate mock JSON from schema	✅
ULID Generator	Generate Universally Unique Lexicographically Sortable IDs	✅
NanoID Generator	Generate compact, URL-friendly unique IDs	✅

Web & Network

Tool	Description	Status
Timestamp Converter	Convert Unix timestamps to dates and vice versa	✅
Color Converter	Convert between HEX, RGB, HSL, HSV	✅
HTTP Status Code Reference	Quick reference for HTTP status codes	✅
HTTP Header Parser	Parse and analyze HTTP headers	✅
Cookie Parser / Builder	Parse and build HTTP cookies	✅
User Agent Parser	Decode and analyze user agent strings	✅
Open Graph Preview	Preview how URLs appear on social media	✅
Meta Tag Generator	Generate meta tags for SEO	✅
Sitemap Generator	Generate XML sitemaps	✅
Robots.txt Generator	Generate robots.txt files	✅
SVG Optimizer	Optimize and minify SVG files	✅
Cron Expression Parser	Parse cron expressions to human readable	✅
Timezone Converter	Convert times between timezones	✅

Formatters & Beautifiers

Tool	Description	Status
HTML Formatter	Format and beautify HTML	✅
CSS Formatter	Format and beautify CSS	✅
JavaScript Formatter	Format and beautify JavaScript	✅
SQL Formatter	Format and beautify SQL queries	✅
XML Formatter	Format and beautify XML	✅
TypeScript Formatter	Format and beautify TypeScript	✅
YAML Formatter	Format and beautify YAML	✅
TOML Formatter	Format and beautify TOML	✅
GraphQL Formatter	Format and beautify GraphQL	✅
PHP Formatter	Format and beautify PHP	✅
Python Formatter	Format and beautify Python (Black style)	✅
Markdown Formatter	Format and beautify Markdown	✅
Shell/Bash Formatter	Format shell scripts	✅

Converters

Tool	Description	Status
JSON ↔ YAML Converter	Convert between JSON and YAML	✅
JSON ↔ CSV Converter	Convert JSON arrays to/from CSV	✅
Number Base Converter	Binary, octal, decimal, hexadecimal	✅
Byte/Size Converter	Convert KB, MB, GB, TB, etc.	✅
Image to Base64	Convert images to Base64 encoded strings	✅
Markdown → HTML	Convert Markdown to HTML	✅
Unix Permissions (Chmod)	Calculate chmod values	✅
Temperature Converter	Celsius, Fahrenheit, Kelvin	✅
Length Converter	Meters, feet, inches, etc.	✅
Weight Converter	Kilograms, pounds, ounces, etc.	✅
HTML → Markdown	Convert HTML to Markdown	✅
CSV → Markdown Table	Convert CSV to Markdown tables	✅
TSV ↔ CSV Converter	Convert between TSV and CSV	✅
XML ↔ JSON Converter	Convert between XML and JSON	✅
TOML ↔ JSON Converter	Convert between TOML and JSON	✅
Properties ↔ JSON	Convert Java .properties to JSON	✅
Image Format Converter	Convert PNG, JPG, WebP, etc.	✅
Epoch Converter	Convert various date formats to epoch	✅

Developer Reference

Tool	Description	Status
ASCII Table Reference	Complete ASCII character reference table	✅
HTML Entities Reference	Comprehensive list of HTML entities with names, numeric codes, and characters	✅
CSS Units Reference	Reference for CSS units (px, em, rem, vw, vh, etc.) with descriptions	✅
Keyboard Event Codes Reference	Reference for JavaScript keyboard event codes with interactive testing	✅
MIME Type Reference	Comprehensive list of MIME types with file extensions and descriptions	✅
Color Names Reference	All 140+ named CSS colors with HEX, RGB, and HSL values	✅
Regex Cheat Sheet	Quick reference for regular expression syntax	✅
Git Cheat Sheet	Quick reference for common Git commands	✅
Unicode Character Search	Search and browse Unicode characters	✅
Emoji Picker	Search and copy emojis	✅
Vim Cheat Sheet	Vim commands reference	✅
Linux Commands Cheat Sheet	Common Linux commands	✅
HTTP Methods Reference	GET, POST, PUT, DELETE, etc.	✅
Keyboard Shortcuts	IDE & terminal shortcuts	✅

---

🚀 Quick Start

git clone https://github.com/marcelfrank-dev/dev-toolbox.git
cd dev-toolbox
npm install
npm run dev

Open localhost:3000 and start using the tools.

Scripts

Command	Description
npm run dev	Development server
npm run build	Production build
npm run lint	Lint code
npm run test	Run tests

---

🧱 Tech Stack

• Next.js 15 — React framework
• TypeScript — Type safety
• Tailwind CSS v4 — Styling
• Vitest — Testing

---

🤝 Contributing

Want to add a tool? PRs are welcome!

1. Create a folder in tools/ for your tool
2. Add the component and register it in tools/definitions.ts
3. The tool automatically appears in the UI

See existing tools for examples.

---

📄 License

MIT — use it however you want.

---

Built with ❤️ for developers