Developer tools

Free online developer tools

30+ tools

JSON Formatter

Developer

Pretty-print, minify, validate, and sort JSON keys in the browser. Choose 2- or 4-space indent, import a file, download the result.

Open

Meta Tag Generator

Developer

Build SEO title, description, Open Graph, Twitter Card, and canonical tags with a live social preview. Runs in the browser.

Open

CSS Gradient Generator

Developer

Design linear and radial CSS gradients with up to three color stops. Live preview, presets, hex input, copy or download.

Open

HTML Entity Encoder

Developer

Encode and decode HTML entities: basic escapes, extended non-ASCII, named entities, and numeric &#…; codes. Live preview with common entity shortcuts.

Open

CSV ⇄ JSON Converter

Developer

Convert CSV tables to JSON arrays and back. Choose comma, semicolon, or tab delimiter. Import files, pretty-print JSON, copy or download.

Open

JSON ⇄ YAML Converter

Developer

Convert JSON to YAML and YAML back to JSON. Nested objects and lists supported. Import files, pretty-print JSON, copy or download.

Open

JSON ⇄ XML Converter

Developer

Convert JSON to XML and XML back to JSON. Custom root element, attributes via @keys, pretty output. Import files, copy or download.

Open

Regex Tester

Developer

Test JavaScript regular expressions with live highlights, capture groups, replace, and split. Flag toggles and common presets included.

Open

Query String Parser

Developer

Parse URLs and query strings to JSON, or build query strings from JSON. Live param table, duplicate keys, encode options.

Open

JSON to TypeScript

Developer

Infer TypeScript interfaces or types from JSON samples. Nested interfaces, optional nulls, readonly, export toggle, and .json import.

Open

XML Formatter

Developer

Pretty-print, minify, and validate XML in the browser. Configurable indent, live syntax check, stats, import and download.

Open

SQL Formatter

Developer

Format and minify SQL in the browser. Uppercase or lowercase keywords, clause line breaks, column wrapping, import and download.

Open

Contrast Checker

Developer

Check WCAG contrast ratio between text and background colors. Live preview, AA/AAA levels, CSS copy, and accessible color suggestions.

Open

CSV to SQL

Developer

Convert CSV tables to SQL INSERT statements. Bulk inserts, CREATE TABLE, delimiter options, identifier quoting, and .csv import.

Open

HTML to JSX

Developer

Convert HTML to React JSX. className, htmlFor, style objects, self-closing tags, component wrapper, and .html import.

Open

CSS Formatter

Developer

Pretty-print, minify, and validate CSS in the browser. Indent options, property sorting, stats, and .css import.

Open

Box Shadow Generator

Developer

Build CSS box-shadow values with live preview. Multiple layers, inset shadows, presets, and copy or download.

Open

Border Radius Generator

Developer

Set each corner radius with live preview. Link corners, px or % units, presets, copy or download CSS.

Open

HTML Preview

Developer

Preview HTML in a sandboxed iframe. Scripts stripped, viewport sizes, import .html, live render.

Open

Cron Generator

Developer

Build five-field cron expressions with presets, field hints, paste-to-parse, and next run times.

Open

HTTP Status Codes

Developer

Search common HTTP response codes by number or name. Category filters, descriptions, copy, and CSV export.

Open

UTM Builder

Developer

Add UTM campaign parameters to any URL. Presets, parse existing links, normalize values, copy or download.

Open

robots.txt Generator

Developer

Generate robots.txt with allow, disallow, crawl-delay, sitemap, and multiple user-agent blocks.

Open

CSS Glassmorphism

Developer

Generate frosted-glass CSS with blur, opacity, tint, saturation, and live backdrop preview.

Open

CSS Triangle

Developer

Generate CSS border triangles pointing up, down, left, or right. Presets, color picker, live preview, copy or download.

Open

CSS Loader

Developer

Pure CSS loading animations — spinner, dots, pulse, and bars. Adjust size, speed, color, copy HTML + CSS.

Open

CSS Clip Path

Developer

Preset and custom clip-path shapes with live preview. WebKit prefix, size control, copy or download.

Open

CSS Cubic Bezier

Developer

Tune cubic-bezier easing with curve graph, motion preview, presets, and copy transition CSS.

Open

JSON Tree Viewer

Developer

Inspect JSON as a collapsible tree with search, path copy, stats, and file import. Runs locally.

Open

JavaScript Formatter

Developer

Pretty-print, minify, and validate JavaScript in the browser. Indent options, stats, import .js files.

Open