Home/Developer Tools
🔧

Developer Tools

A complete toolkit for developers — format, encode, generate, convert, and debug everything from JSON to CSS to cryptography.

64 Tools · 100% Free
💻

Coding Tools

19 tools
📋
JSON Tools
View tree, format, validate and minify JSON
📄
YAML Beautifier & Validator
Format YAML and find the line that breaks it
📋
XML Tools
Beautify, validate and convert XML to JSON
🗃
SQL Formatter & Minifier
Lay out SQL clause by clause, or collapse it to one line
📝
Markdown Tools
Preview Markdown, convert to HTML and generate tables
🔑
JWT Encoder & Decoder
Decode a JWT's header and payload, or sign one with HS256
🔐
URL & Base64 Encoder / Decoder
Percent-encode for URLs or convert to and from Base64
🔗
URL Slug Generator
Turn any title into a clean, SEO-friendly URL slug
🏷
HTML Formatter & Minifier
Beautify or minify HTML without changing how it renders
🔣
HTML Entity Encoder / Decoder
Escape < > & quotes as entities, or decode them back
📜
JavaScript Formatter, Minifier & Obfuscator
Format, minify or obfuscate JavaScript in the browser
🧪
JavaScript Playground
Run JavaScript and see console output instantly
🖊
Real-Time HTML Editor
Write HTML, CSS and JS with a live preview
📱
React Native Shadow Generator
iOS shadow props and Android elevation that match
🔄
JSON to YAML / XML / CSV
Convert JSON to YAML, XML or CSV
📊
CSV Viewer & Converter
View CSV as a table and convert to JSON or TSV
🌈
Code Syntax Highlighter
Colour JS, Python, HTML, CSS or JSON and copy as styled HTML
🌐
Multi-Language Formatter & HTML Generator
Re-indent Python, PHP, Ruby, Go; build escaped HTML elements
🔗
Open Graph Meta Tag Generator
Build the title, description and image tags social platforms read when a link is shared
🎨

CSS Tools

14 tools
🌈
CSS Gradient Generator
Build linear, radial and conic gradients and copy the CSS
🪟
CSS Glassmorphism Generator
Frosted-glass panels with backdrop-filter, tint and border
✂
CSS Clip-Path Generator
Circle, polygon, star and custom shapes as clip-path values
📈
CSS Cubic-Bezier Generator
Drag handles to design easing curves for transitions
⏳
CSS Loader Generator
Spinner, dots, bars, pulse and bounce loaders in pure CSS
🖱
CSS Button Generator
Design buttons with hover, active and focus states
🔺
CSS Triangle Generator
Arrows and carets with the border trick or clip-path
📺
CSS Glitch Text Generator
Colour-split, sliced glitch animation for headings
☑
CSS Checkbox & Toggle Generator
Accessible custom checkboxes and switches on real inputs
🔲
CSS Background Pattern Generator
Stripes, dots, checkerboard and zigzag from gradients alone
🌑
CSS Shadow, Border & Radius Generator
Tune box-shadow, border and border-radius with a live preview
✨
CSS Formatter, Minifier & Validator
Beautify, minify or find the unbalanced brace in a stylesheet
📏
CSS Unit Converter
px, rem, em, %, vw and vh against a chosen base
🔠
Google Fonts Pairing Tool
Preview heading and body font combinations from Google Fonts side by side

About the developer tools

These are the small utilities developers reach for dozens of times a week: inspecting a JSON payload or decoding a JWT from an API, finding the line that breaks a YAML or XML config, formatting a SQL query an ORM produced as one long line, encoding a value for a URL or Base64, computing a SHA-256 to verify a download, building CSS gradients, glass panels, clip-path shapes, easing curves, loaders, buttons and background patterns, turning a title into a slug, and generating shades and mixing colours, cleaning up text and converting case, and translating a color or a number between the formats that different tools expect. Each one runs locally in the browser, so it is safe to paste tokens, credentials or customer data — the text never leaves your machine.

The JSON tool formats and validates documents, shows them as a collapsible tree, and minifies them for transport; it reports the exact line and character of a syntax error rather than a generic failure. The Base64 encoder and decoder handles UTF-8 text correctly (including emoji and non-Latin scripts) and supports the URL-safe alphabet used in JWTs and query strings. The color converter moves between HEX, RGB, RGBA, HSL, HSV and CMYK, and explains what each model is actually measuring so you can choose the right one for the job.

Every tool in this section is paired with a written guide covering the underlying format — how Base64 works and why it inflates size by a third, what the JSON specification does and does not allow, and how the color models relate to one another. The guides are linked from each tool page and from the Guides section in the navigation.

Guides

Longer articles on the problems these tools solve — what is actually going wrong, what each fix costs you, and which tool to reach for.

Explore other categories