Code Formatters

ArrayKit's Code Formatters bundle the everyday jobs that keep code and config clean, all in one place and all in your browser. Beautify or minify CSS, SCSS and LESS, JavaScript, TypeScript and JSX, HTML, XML, SQL across six dialects, GraphQL and Dockerfiles with the CSS, JS, HTML and SQL Formatters. Convert between formats with YAML to JSON, the TOML Formatter, HTML to Markdown and Glob to Regex, and tidy API contracts with the OpenAPI / Swagger Formatter. Round out the set with the Regex Tester, Text Diff, CSS Color and Unit Converters, Contrast Checker, Mermaid Diagram Renderer, SVG Optimizer, Markdown Preview and MongoDB query, aggregation and schema tools. Built for frontend, backend and DevOps engineers, everything is processed locally on your device and nothing is uploaded.

• YAML ↔ JSON — Convert YAML to JSON and back.
• Markdown Preview — Render Markdown to HTML with a live preview.
• Regex Tester — Test regular expressions live with matches, groups and flags.
• CSS Color Converter — Convert between HEX, RGB and HSL with a live swatch.
• Text Diff — Compare two texts line-by-line and see additions and removals.
• MDX Converter — Render MDX as formatted text, convert HTML → MDX, and escape text to literal MDX.
• CSS / SCSS Formatter — Beautify or minify CSS/SCSS/LESS, sort properties and remove duplicates.
• JS / TS Formatter — Beautify or minify JavaScript, TypeScript and JSX/TSX with Prettier options.
• HTML Formatter — Beautify or minify HTML, format inline CSS/JS, and preview the result.
• XML Formatter — Beautify, minify and validate XML, and convert XML ↔ JSON.
• SQL Formatter — Format SQL for MySQL, PostgreSQL, SQL Server, SQLite, BigQuery and Oracle.
• GraphQL Formatter — Format or minify GraphQL queries and schemas, validate syntax and extract operations.
• Dockerfile Formatter — Format a Dockerfile and get best-practice / lint suggestions.
• MongoDB Query Formatter — Format MongoDB shell queries and aggregation pipelines.
• Contrast Checker — Check WCAG colour contrast ratio and AA/AAA pass for any two colours.
• Mermaid Diagram Renderer — Render Mermaid diagrams (flowcharts, sequence, gantt) to SVG in your browser.
• SVG Optimizer — Minify SVG — strip comments, metadata and editor cruft, and collapse whitespace.
• MongoDB Query Beautifier — Beautify and indent MongoDB queries and find() statements in your browser.
• MongoDB Aggregation Beautifier — Beautify and indent MongoDB aggregation pipelines in your browser.
• MongoDB Explorer — Explore a MongoDB document or collection sample and infer its field schema and types.
• OpenAPI / Swagger Formatter — Format and validate OpenAPI / Swagger specs (JSON or YAML) and count paths and operations.
• CSS Unit Converter — Convert between px, rem, em, pt and % live with a configurable root font size.
• Glob to Regex — Convert a glob or wildcard pattern into an equivalent JavaScript regex.
• HTML to Markdown — Paste HTML and convert it to clean Markdown live, with GFM tables, lists and code blocks.
• TOML Formatter & Converter — Format and validate TOML, and convert TOML ↔ JSON.
• logfmt to JSON — Convert logfmt key=value logs to JSON and back.
• dotenv to JSON — Convert a .env file to JSON and JSON back to .env, with quoting and comments handled.
• CSV to Markdown Table — Convert CSV or TSV data into a Markdown table, with alignment and header options.
• INI to JSON — Convert INI config files to JSON and JSON back to INI, with sections and comments.
• Markdown Table Generator — Build a table in an editable grid and export Markdown, HTML, AsciiDoc and LaTeX.
• Data Size Converter — Convert between bits, bytes, KB, MB, GB and KiB, MiB, GiB, with decimal and binary units.
• Java Properties ↔ JSON — Convert Java .properties files to JSON and JSON back to .properties, in your browser.

Frequently asked questions

What can I do with ArrayKit's Code Formatters?

You can beautify or minify code (CSS, SCSS, LESS, JavaScript, TypeScript, JSX, HTML, XML, SQL, GraphQL and Dockerfiles), convert between formats such as YAML to JSON, TOML to JSON, HTML to Markdown and glob to regex, validate XML, OpenAPI and TOML, test regular expressions, compare text, check colour contrast, and render Mermaid diagrams — all in one category.

Are these Code Formatters safe to use with private code?

Yes. Every tool runs entirely in your browser, so the code, queries and config you paste are processed locally and never leave your device. Nothing is uploaded to a server, which makes them safe for proprietary or sensitive source files.

Which languages and formats do the Code Formatters support?

The category spans CSS/SCSS/LESS, JavaScript, TypeScript and JSX, HTML, XML, SQL across MySQL, PostgreSQL, SQL Server, SQLite, BigQuery and Oracle, GraphQL, Dockerfiles and MongoDB. It also converts YAML, JSON, TOML, HTML, Markdown and OpenAPI/Swagger specs, and optimises SVG.

Can I both beautify and minify my code here?

Yes. The CSS, JS, HTML, XML and GraphQL Formatters all support beautifying for readability and minifying for production, and several tools add extras like sorting properties, removing duplicates or validating syntax.

Do the Code Formatters do more than format code?

Yes. Alongside formatting they convert data between formats (YAML/JSON, TOML/JSON, HTML/Markdown, glob/regex, CSS units and colours), test regular expressions, diff two texts, check WCAG colour contrast, render Mermaid diagrams and inspect MongoDB documents.

Do I need to install anything to use the Code Formatters?

No installation is required. The tools run in your browser as soon as the page loads and all processing happens locally on your device, so you can format, convert and validate right away.