Code Formatter
Format, beautify, minify, and validate code locally in your browser. Supports JavaScript, TypeScript, HTML, CSS, JSON, YAML, Markdown, GraphQL, SQL, and SQL dialects such as PostgreSQL, MySQL, SQLite, BigQuery, and T-SQL.
Advanced options
What the Code Formatter Does
This tool formats, beautifies, minifies, and validates source code entirely in your browser. It uses Prettier for web languages and sql-formatter for SQL. No code is uploaded or stored.
Supported Languages
- JavaScript & TypeScript — ES2024+, JSX, TSX
- CSS, SCSS, Less — Full preprocessor support
- HTML — Including embedded CSS/JS formatting
- JSON & JSONC — Strict JSON and JSON with comments
- Markdown — CommonMark and GFM
- YAML — Multi-document support
- GraphQL — Queries, mutations, schemas
- SQL — PostgreSQL, MySQL, MariaDB, SQLite, BigQuery, Snowflake, T-SQL, PL/SQL, Redshift, Spark SQL, Hive, Trino/Presto
Format vs Minify vs Validate
- Format — Adds consistent indentation, line breaks, and spacing for readability.
- Minify — Removes unnecessary whitespace. Supported for JSON, CSS, HTML, and SQL. JavaScript minification removes whitespace and comments but does not mangle names.
- Validate — Checks syntax without modifying the input. Reports parser errors with line and column numbers.
SQL Formatting and Dialects
SQL formatting is syntax-oriented and dialect-aware. It does not execute queries, connect to databases, or validate table names. Dialect selection affects keyword recognition, quoting rules, and formatting choices. PostgreSQL, MySQL, SQLite, BigQuery, Snowflake, T-SQL, PL/SQL, Redshift, Spark SQL, Hive, and Trino/Presto are supported.
Local Processing and Privacy
All formatting runs in your browser using JavaScript. Code never leaves your device. No data is sent to any server, logged, stored in cookies, or persisted in local storage. Formatting libraries (Prettier and sql-formatter) are loaded from a CDN on first use and cached by your browser.
Limits of Browser-Based Formatting
Large files (>500 KB) may take longer to process and use more memory. Prettier does not perform type checking or linting — it only formats code style. SQL validation is limited to formatter/parser errors and does not replace a database parser.
FAQ
Is my code uploaded?
No. All processing happens locally in your browser. Code never leaves your device.
Which languages are supported?
JavaScript, TypeScript, JSX, TSX, JSON, JSONC, CSS, SCSS, Less, HTML, Markdown, YAML, GraphQL, and SQL with 13 dialect options.
Does it support TypeScript and JSX?
Yes. Select TypeScript, JSX, or TSX from the language dropdown. Prettier handles modern TypeScript syntax including decorators and satisfies.
Can it format PostgreSQL SQL?
Yes. Select SQL as the language and PostgreSQL as the dialect. The formatter recognizes PostgreSQL-specific syntax.
Can it format MySQL, SQLite, BigQuery, Snowflake, or T-SQL?
Yes. All are available in the dialect selector when SQL is selected.
Does it execute SQL?
No. The formatter only reformats SQL syntax. It does not connect to databases, execute queries, or validate table/column names.
What is the difference between format and minify?
Format adds readable whitespace and indentation. Minify removes unnecessary whitespace to reduce file size. Both preserve code semantics.
Does formatting change behavior?
Formatting changes whitespace and layout only. It does not change program logic. In rare edge cases, whitespace-sensitive languages may behave differently — but standard code is safe.
Can it validate code?
Yes. Select Validate mode. The parser checks syntax and reports errors with line and column numbers where available.
Does it replace ESLint or a compiler?
No. This tool formats code style only. It does not lint, type-check, or compile. Use ESLint for linting and tsc for type checking.
Can I upload a file?
Yes. Use the file input above the editor. Files are read locally and never uploaded.
Why is Cron not on this page?
Cron expression generation is a scheduling tool, not code formatting. It has its own dedicated page at Cron Generator.