Skip to main content

YAML Viewer

Explore YAML as a collapsible tree.

YAML input

Ln 1, Col 1
YAML

Tree view

Your tree will appear here

Add YAML above, then choose View tree.

Add YAML on the left, then choose View tree.

Waiting for input

Explore a YAML document as a tree you can open and close, with anchors, tags and aliases marked on the row where they appear.

What is YAML Viewer?

YAML Viewer is a free online tool that shows a YAML document in your browser as a tree you can open and close, so you can see how it is built without counting indentation. Mappings and lists become branches, values become rows, and anchors, tags and aliases are marked on the row where they appear.

It is for looking, not for rewriting: your text is not changed. To tidy the text use YAML Formatter, and for a plain valid or not valid answer use YAML Validator.

What it supports

  • YAML read under the YAML 1.2 Core rules, as one document or several separated by ---: mappings, lists, comments, anchors, aliases, multi-line text blocks (| and >) and the standard YAML tags such as !!str.
  • With more than one document, the tree starts with a list that has one row per document, numbered from 0 in the order they appear. Each document keeps its own anchors, so an alias refers only to an anchor in its own document, and the path after its arrow starts with the number of the document. An empty document is shown as an empty value.
  • Every mapping and list is a branch that shows how many entries or items it holds. Values are shown exactly as written in your text: quotes stay, 1.50 stays 1.50 and yes stays yes, so the tree never turns text into a number or a yes/no value. Keys are shown without their quotes.
  • An anchor (&name) and a tag (such as !!str) appear as badges before the value. Comments are not shown in the tree.
  • An alias (*name) is shown as a reference row, *name → path, and is never expanded, so a value that is used many times is not repeated. A reference that points back to one of its own parents gets a “Cycle” badge. There is no jump to the target: read the path to find it.
  • There is no “Copy” or “Download” here, because the tool shows a tree and not a result text.

Good to know

  • These are refused, with no tree: syntax errors, with their line and column; a key repeated in one mapping; and an alias that has no anchor before it in its own document. Valid YAML that this tool does not support is refused too, and the message says that the syntax is valid: a custom tag, or a standard tag that does not fit its value, such as !!int abc; a directive (a line that starts with %); and a key that is not text (a number, true, false, null, an empty key, a key with an anchor, a tag or an alias, or a key written as a list or mapping). The tool never repairs YAML.
  • The path after an arrow joins keys and positions with dots, so a key that contains a dot makes it ambiguous: a.b can mean the key a.b or the key b inside a.
  • A value longer than 200 characters is cut off in the tree, and “Show full value” shows the whole value. An emoji counts as two characters in that limit.
  • The merge key << is shown as an ordinary key, with a warning, because YAML 1.2 Core has no merge keys.
  • A text with only comments or blank lines has nothing to show, so you get a note asking for content.
  • The limits count the whole text: the size limits add up all the documents, while the nesting limit applies to each document on its own.

How do I use YAML Viewer?

  1. Paste or type your YAML in the input box. It can hold one document or several, separated by ---. Nothing runs while you type.
  2. Press “View tree”. The “Tree” appears in the Result pane with the first level open.
  3. Click a row, or move with the arrow keys and press Enter, to open or close a branch. “Expand all” opens every branch and “Collapse all” closes them all.
  4. A long value is cut off in the tree. Press “Show full value” under it to read the whole value.
  5. If the YAML cannot be shown, the message says why and, when it can, where.

Examples

Anchors and aliases

Paste this YAML and press “View tree”. The tree is shown here fully open and simplified, without the counts and the badges; press “Expand all” to open everything yourself. The row settings: *defaults → defaults is a reference. It stands for the value anchored as &defaults and is not expanded, so a value used many times is not repeated. The text after the arrow is the path to the target.

defaults: &defaults
  retries: 3
  timeout: 30
service:
  settings: *defaults
  ports:
    - 8080
    - 8443

The YAML is shown as a tree.

{…}
  defaults: &defaults {…}
    retries: 3
    timeout: 30
  service: {…}
    settings: *defaults → defaults
    ports: […]
      0: 8080
      1: 8443

An alias without an anchor

The alias *bsae points to an anchor that does not exist, probably a typo for &base. YAML Viewer shows no tree for YAML that cannot be read, and the message points at the alias.

base: &base
  x: 1
copy: *bsae

This alias points to an anchor that does not exist. Define the anchor (&name) on a value or fix the name.

Line 3, column 7

The merge key <<

The key << is read as an ordinary key, because YAML 1.2 Core has no merge keys. Nothing is merged: adapter appears only under base, and the row <<: *base → base is a reference like any other. A warning reminds you that programs that apply YAML 1.1 merging can read this text differently.

base: &base
  adapter: postgres
dev:
  <<: *base
  database: dev_db

The YAML is shown as a tree.

This YAML uses << as an ordinary key. This tool follows the YAML 1.2 Core schema, which has no merge keys, so nothing is merged in. Programs that apply YAML 1.1 merging may read it differently.

{…}
  base: &base {…}
    adapter: postgres
  dev: {…}
    <<: *base → base
    database: dev_db

An alias that points back to its own parent

The alias *node sits inside the value anchored as &node, so following it would never end. YAML Viewer does not follow aliases: it shows the reference and marks the row with a “Cycle” badge, which the simplified tree below leaves out.

node: &node
  name: root
  self: *node

The YAML is shown as a tree.

{…}
  node: &node {…}
    name: root
    self: *node → node

More than one document

Paste this YAML and press “View tree”. The two documents are separated by ---. The tree starts with a list that has one row per document, numbered from 0: row 0 is the first document and row 1 is the second. A text with a single document is shown without that list.

service: api
ports: [80, 443]
---
service: web
ports: [8080]

The YAML is shown as a tree.

[…]
  0: {…}
    service: api
    ports: […]
      0: 80
      1: 443
  1: {…}
    service: web
    ports: […]
      0: 8080

Limits and privacy

Size limits

  • Input: up to 2,000,000 bytes of UTF-8 text (about 2 MB). Accented letters and emoji take more than one byte each. Larger input is rejected.
  • Nesting: up to 256 levels of mappings and lists inside each other. Deeper YAML is refused because it is beyond what the tool processes.
  • Values: up to 200,000 in one document. Each mapping, list, alias and single value such as a text or a number counts as one value, and keys do not count. A document with more is refused.
  • Tree rows: the tree shows up to 2,000 rows at first, and a button adds 2,000 more at a time, up to 10,000 rows shown at once. Collapse branches to make room for other rows.
  • Time: a run that takes longer than its time limit is stopped. Try a smaller input.

Is my text sent to a server?

No. The text you type or paste, or open from a local file, is processed locally in your browser, in a dedicated Web Worker. It is never uploaded or sent to the server (a file you open is read in your browser only), and it is not written to storage, cookies or the address bar.

For the full details, see the Privacy Policy

Related tools and pages

Your text stays in the page when you switch tools in the same tab, so you can try the same text in another tool. Reloading or closing the tab ends it.

All tools

Format, validate and convert JSON, YAML, XML, CSV, HTML, CSS and Markdown, plus Base64, URL and JWT.

JSON

  • JSON Formatter

    Format JSON with one consistent layout: even indentation, one value per line, your values untouched. Runs the same formatter as JSON Beautifier.

  • JSON Validator

    Check whether your text is valid JSON. If it is not, see the first problem with its line and column, highlighted in your text.

  • JSON Diff

    Compare two JSON documents by structure, ignoring key order, and see every added, removed and changed path in one list.

  • JSON Schema Validator

    Validate JSON against a JSON Schema (draft 2020-12, or draft-07 through $schema) and see each error with the path where it occurs.

  • JSON Schema Generator

    Generate a JSON Schema (draft 2020-12) from a sample JSON document, ready to copy and refine.

  • JSON Beautifier

    Beautify minified or unevenly spaced JSON into readable, indented text, with your values untouched. Runs the same formatter as JSON Formatter.

Convert JSON

  • JSON to CSV

    Convert a JSON list of objects, or the first list of objects inside an object, to plain CSV text.

  • CSV to JSON

    Convert CSV to a JSON array of objects, using the header row as keys. Comma, semicolon and tab separators are detected, and values stay as text.

  • JSON to XML

    Convert JSON to plain, readable XML, with your numbers and text copied exactly as written.

  • XML to JSON

    Convert XML to JSON, with attributes as @name keys and repeated elements gathered into arrays so the structure carries over.

  • JSON to YAML

    Convert JSON to readable block YAML with 2 or 4 spaces of indentation, keeping every value and every number exactly as you wrote it.

  • YAML to JSON

    Convert YAML to JSON with anchors and aliases resolved. A file with several documents becomes a JSON array.

YAML

  • YAML Validator

    Check whether your YAML is valid under the YAML 1.2 Core rules, in one or several documents, and see the line and column of the first problem.

  • YAML Viewer

    Explore a YAML document as a tree you can open and close, with anchors, tags and aliases marked on the row where they appear.

  • YAML Formatter

    Format YAML with consistent indentation while keeping comments and values.

HTML, XML and CSS

  • HTML Formatter

    Format HTML into readable, indented markup. The result is plain text: scripts do not run and nothing in your HTML is loaded.

  • XML Formatter

    Format XML with clear indentation while preserving its content and meaning.

  • CSS Beautifier

    Beautify minified CSS into readable rules, one declaration per line, without changing what the CSS does. Runs the same formatter as CSS Formatter.

  • CSS Formatter

    Format CSS you maintain with one consistent style: the same indentation, spacing and spelling everywhere. Runs the same formatter as CSS Beautifier.

Encode & Decode

  • Base64 Encode/Decode

    Encode text to Base64 or decode Base64 back to text as UTF-8, with an option for the URL-safe Base64URL alphabet.

  • URL Encode/Decode

    Encode or decode text with %XX sequences, either as a URL component or as a full URL whose separators stay intact.

  • JWT Decoder

    Decode a JWT in your browser to read its header and payload, see the exp, iat and nbf dates and whether it has expired. The signature is not verified.

Markdown

New
  • Markdown Editor

    Free online Markdown editor and viewer: write or open an MD file, see a live GFM preview, then copy or download your Markdown.

  • Markdown to PDF

    Convert Markdown to PDF in your browser. Pick A4 or Letter paper and the margins, preview the document and download a real PDF file.

  • Markdown to Text

    Convert Markdown to plain text without losing code or punctuation. Choose how links appear, then copy the text or download a TXT file.

  • Markdown to Word

    Convert Markdown to Word: download an editable DOCX file that keeps headings, lists, tables and links. It runs in your browser.

  • Markdown to HTML

    Convert Markdown to HTML in your browser. Get an HTML fragment or a full document, check the preview, then copy or download it.

  • Markdown Table Generator

    Markdown table generator with an editable grid and column alignment. Import CSV or TSV, then copy or download the Markdown table.

  • Word to Markdown

    Convert Word to Markdown: open a DOCX file and get its headings, lists, links and tables as editable Markdown, all in your browser.

  • HTML to Markdown

    Convert HTML to Markdown from pasted markup or a local file. Scripts never run; headings, lists, links and simple tables carry over.

  • Markdown Formatter

    Markdown formatter that tidies your source and lists style suggestions for headings, spaces and the final newline. Review it before you copy.

  • Markdown to Image

    Convert Markdown to an image: choose the width and theme, preview your note or table and download a PNG or JPEG file.

  • Markdown to Rich Text

    Convert Markdown to rich text and copy it, formatted, into a document editor. Plain text is the fallback when rich copy is unavailable.

  • Markdown Table to JSON/CSV

    Convert a Markdown table to JSON or CSV. Review the headers and pick each column's type, so IDs and leading zeros stay as they are.

  • Excel to Markdown

    Convert Excel to Markdown: open an XLSX file, pick a sheet or a cell range and get a Markdown table without uploading the file.

  • Markdown to Excel

    Convert Markdown tables to Excel: download an XLSX file whose cells stay text, so leading zeros survive and nothing becomes a formula.

  • Paste to Markdown

    Paste to Markdown: turn copied rich text or HTML into Markdown. For plain text, apply heading and list actions yourself, then copy.

  • Markdown Compare

    Markdown compare: paste two versions or open two files and see which lines were added or removed in the source text.

  • Markdown to Mind Map

    Convert Markdown to a mind map: headings and lists become a map you can navigate and export. Built with Markmap, no account needed.

  • Mermaid Editor

    Mermaid live editor in your browser: write diagram code, see the preview and any syntax errors, and export SVG or PNG without an account.

  • Discord Markdown Preview

    Discord Markdown preview: check bold, code blocks and spoilers in an approximate local preview, then copy the message. No Discord account.

  • Obsidian Markdown Converter

    Obsidian Markdown converter: adapt [[wiki links]] and embeds to standard Markdown and list the files your note refers to.

  • GitHub README Viewer

    GitHub README viewer: paste or open a README, see a GFM preview and set a base URL for relative links. Nothing is fetched from GitHub.

  • PDF to Markdown

    Convert PDF to Markdown locally: extract its text layer or run OCR on selected pages without text. Review and edit before copying or downloading.

  • Image to Markdown

    Convert an image to Markdown with OCR in your browser: read text from a PNG or JPEG, correct it, then copy or download. Accuracy varies.