Can I change the style / configuration?

**Yes** - in **Settings** (gear icon) you can pick **indent width** (tab / 2 / 4 spaces), **max line length** (80 / 100 / 120) and a few other options. These are the **base** shfmt options - if you need a full config file (`.shfmt` / `.editorconfig` / `.clang-format`), run shfmt **locally** via the CLI.

What happens if my code has a syntax error?

shfmt **rejects** the code and returns an error with line/column - the same diagnostic you would see in the terminal. **It does not try to fix** the code (it is a formatter, not a linter) - if a bracket is missing, shfmt will tell you where, but **will not add one for you**. Fix the syntax first, then format.

Does Bash get a full reformat, or only partial?

**Full** - line wrapping, indent normalisation, spaces around operators, argument alignment. Everything the **official shfmt** does. Exception: we do not read **project config files** (`.shfmt`/`.clang-format`/`.editorconfig`), because we have no filesystem access - we use the default options from the UI.

Does this work offline?

**Yes** - after the first "Format" click the shfmt WASM bundle sits in your **browser cache**. You can **disconnect from the internet** and the tool keeps working. The **Bash code itself** never leaves your machine - formatting is fully client-side.

YourDevToolsPro

Bash Beautifier

Fix Bash indentation in your browser - tabs/spaces, trim trailing whitespace, CRLF→LF.

LiveRuns in your browser

Language

First format loads the libraries (~1 second)

Source7 lines

Output

Click "Format" to see the output.

Bash beautifier - format Bash in your browser with the real shfmt

Bash gets a full reformat in the browser, not just an indent fix. Under the hood it runs **shfmt** (a shell formatter widely used in CI (POSIX sh / bash / mksh)) - the original compiler-grade formatter compiled to WebAssembly. The same one you use in the terminal or in CI.

What this means in practice: it wraps long lines (100 chars by default), normalises indentation (tab / 2 / 4 spaces - your pick), normalises spacing around operators, aligns function arguments, respects the language's idiomatic conventions (`if (x)` vs `if(x)`, etc.). Exactly what `Format Document` does for Bash in VS Code with the official extension.

Accepts .sh, .bash files. Everything runs in your browser - the code never leaves your machine, no upload, no server-side logs. The WASM blob lazy-loads on the first click (60-300 kB), subsequent formats are instant.

shfmt is the most popular shell formatter in 2026 - used by most CI pipelines (GitHub Actions, GitLab CI, Drone). Default: 2 spaces (POSIX-recommended), `switch case` indented (opposite of bare-bash defaults), space after `>` in redirects. Works for bash, POSIX sh, mksh, busybox sh.

How to use it

Pick a mode (Gentle / Aggressive / Cosmetic-only) or keep the default.
Paste your code into the left panel, or use "Upload file".
Tune settings (gear icon): indent, width, quotes, semicolons.
Click Format - first click takes a moment (libraries lazy-load).
On the right you get the output with syntax highlighting - copy, download, or open in new tab.

When this is useful

Five typical Bash situations:

Pretty-print a messy source. Code you pasted from a colleague / a PDF / a blog post has broken indentation. shfmt does a full reformat in a second.
PR review. The team uses a consistent style - shfmt enforces the official style of the language, so code review stops shouting about whitespace.
Convert tabs to spaces (or back). One project's `.editorconfig` says 4 spaces, another says 2 - switch in the settings popover.
Sanity-check syntax. If shfmt rejects the code with a parse error you have a syntax typo - a quick sanity check before kicking off a build.
Syntax-highlighted preview. After formatting you get a coloured preview (powered by Shiki, the same TextMate grammars VS Code uses).

Questions and answers

Yes - under the hood it is the official shfmt (upstream source), compiled to WebAssembly (the `@wasm-fmt/*` npm package). The output is bit-identical to `shfmt` in the terminal. The only difference: the WASM bundle loads once on the first click (60-300 kB, then cached by your browser), so the first format takes ~200 ms instead of 20 ms. Subsequent ones are as fast as native.

Bash Beautifier

Other languages

Bash beautifier - format Bash in your browser with the real shfmt

How to use it

When this is useful

Questions and answers

Related tools

Code beautifier

JavaScript Beautifier

TypeScript Beautifier

Python Beautifier

Java Beautifier

C++ Beautifier

Go Beautifier

Rust Beautifier

Bash Beautifier

Other languages

Bash beautifier - format Bash in your browser with the real shfmt

How to use it

When this is useful

Questions and answers

Related tools

Code beautifier

JavaScript Beautifier

TypeScript Beautifier

Python Beautifier

Java Beautifier

C++ Beautifier

Go Beautifier

Rust Beautifier