YAML ↔ JSON Converter

Bidirectional Conversion

Edit either panel and the other updates in real time. If the source is invalid, the destination panel keeps its last valid content while the error is shown inline.

How to Use It

Paste into whichever panel matches what you have — the direction badge in the toolbar shows which way the conversion is flowing. The JSON indent selector switches output between 2 and 4 spaces to match whatever your formatter enforces. Each panel has its own Copy button, and Clear all resets both sides when you're switching to a new file.

Common Uses

• Convert Kubernetes / Docker Compose YAML to JSON for API calls.
• Turn GitHub Actions workflow YAML into JSON for linting.
• Inspect Terraform variable files in JSON format.

The Debugging Trick: See What YAML Actually Parsed

YAML's convenience is also its trap. Unquoted values get type-guessed: version: 1.20 becomes the number 1.2, silently dropping the trailing zero, and an unquoted null or true stops being a string entirely. When a config "looks right" but a tool rejects it, paste the YAML here and read the JSON side — JSON has no ambiguity, so you see the exact types and structure the parser produced. Strings are quoted, numbers aren't, and the mystery usually solves itself. This is the fastest way to settle "is this a string or a number?" arguments with your CI pipeline.

FAQ

Why did my YAML comments disappear?

Conversion parses YAML into data, and comments aren't data. Round-tripping YAML → JSON → YAML gives you equivalent values with comments and original formatting stripped. Keep the source file if the comments matter.

What does the inline error actually tell me?

The parser's own message, including the line where it gave up. For YAML that's usually an indentation problem a line or two above the reported spot; for JSON it's most often a trailing comma or a missing quote.

Why does one panel keep old content when the other has an error?

That's intentional. While your edit is invalid, the destination holds the last successful conversion instead of flashing blank, so you don't lose your reference while fixing a typo.

Can I convert multi-document YAML (--- separators)?

No — the converter handles one document at a time. Split multi-doc files (common in Kubernetes manifests) and convert each section separately.

Privacy

All conversion happens locally in your browser using js-yaml. Nothing is sent to any server.