Menu

Tools

Input YAML
Interactive Tree View

Parsed YAML tree will appear here

Click on objects and arrays to expand/collapse

About YAML Viewer

Paste YAML config files and explore them as an interactive tree. Perfect for understanding Kubernetes manifests, Docker Compose files, Ansible playbooks, and CI/CD pipelines.

YAML's indentation-based syntax can be hard to follow in complex files. This viewer parses your YAML and presents it as a collapsible tree with type indicators, making nested configurations easy to navigate.

How to use YAML Viewer

1

Paste your YAML configuration.

2

The tree view renders automatically.

3

Click nodes to expand/collapse.

4

Identify data types by color.

5

Use Expand All for complete view.

Examples

Kubernetes manifest

Navigate complex nested structures:

apiVersion: apps/v1
kind: Deployment
metadata:
  name: nginx
spec:
  replicas: 3
  selector:
    matchLabels:
      app: nginx

Tree View:
  apiVersion: "apps/v1"
  kind: "Deployment"
▾ metadata
    name: "nginx"
▾ spec
    replicas: 3
  ▾ selector
    ▾ matchLabels
        app: "nginx"

Docker Compose

Quickly see service configurations:

version: "3.8"
services:
  web:
    image: nginx:alpine
    ports:
      - "80:80"
  db:
    image: postgres:15
    environment:
      POSTGRES_DB: myapp

GitHub Actions workflow

Understand CI/CD pipeline structure:

name: CI
on: [push, pull_request]
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - name: Run tests
        run: npm test

Features

Interactive tree navigation
Color-coded data types
Expand/collapse nested structures
Shows array lengths
Validates YAML syntax
Handles multi-document YAML

When to use this

  • Exploring Kubernetes manifests
  • Understanding Docker Compose files
  • Debugging Ansible playbooks
  • Reviewing GitHub Actions workflows
  • Inspecting Helm chart values
  • Azure/AWS CloudFormation templates

Common questions