CodesBeautify

YAML Viewer

Read a YAML file as a colour-coded tree you can collapse branch by branch, with counts on every mapping and sequence.

YAML
Tree view
Runs locally in your browser

About the YAML Viewer

A thousand-line Kubernetes manifest or CI pipeline is hard to hold in your head when indentation is the only structural cue. This viewer parses the file and draws the resulting value as a tree: mappings and sequences become branches you can open and close, and every branch is labelled with how many keys or items it holds. The first two levels are open on load so the overall shape is visible immediately.

Values are coloured by resolved type, which makes accidental conversions obvious at a glance. A port that shows as a number when you expected a string, or an off that shows as a boolean, stands out in the colour scheme without reading a single type label. Files containing several documents separated by --- are shown as numbered top-level branches so you can compare them side by side.

Because the tree is built from a real parse, the viewer doubles as a syntax check: a broken file reports the loader's line and column instead of drawing a partial tree. The Copy button copies the reprinted YAML text rather than the tree markup, and Download saves the same text, so the page also works as a quick normaliser. For a flat searchable list of key paths and types, the YAML Parser is the better readout, and YAML to JSON converts the data outright.

How to use

  1. Paste YAML on the left or upload a .yml or .yaml file.
  2. Click any branch to expand or collapse it. The count shows how many keys or items are inside.
  3. Check the value colours to spot strings that were read as numbers or booleans.
  4. Use Copy or Download to take away the reprinted YAML text.

Common questions

Can I search inside the tree?
Use your browser find with Ctrl+F or Cmd+F. Collapsed branches are not searchable, so expand the areas you care about first.
Why does the tree show fewer keys than my file?
A duplicate key later in the same mapping overwrites the earlier one during parsing, which is exactly what your application would see.
Does it show comments?
No. The tree is built from parsed data, and comments are discarded by the loader before the tree is drawn.
How large a file can it display?
Files of a few thousand lines open comfortably. For very large manifests, keep deep branches collapsed since each visible node is a page element.