Config Diff + Validator

Side-by-side configuration file comparison with built-in validation.

Overview

Config Diff + Validator is a browser-based tool for comparing and validating YAML, JSON, and TOML configuration files. Paste two versions of a config into the side-by-side editors and instantly see the differences highlighted line by line, plus validation warnings for common syntax issues.

Built with zero external dependencies — just vanilla HTML, CSS, and JavaScript.

Features

Feature	Description
Side-by-Side Diff	Myers LCS-based line diff with color-coded additions, removals, and matching lines
Three Formats	YAML, JSON, and TOML with auto-detection
Live Validation	Real-time syntax checks as you type — catches tabs in YAML, duplicate keys, malformed JSON, unclosed TOML brackets
Schema Hints	Warns on common pitfalls: missing spaces after colons, duplicate keys, unusual formatting
Split View	Left pane (original) vs right pane (modified) with per-pane validation status
Dark Theme	Easy on the eyes with orange accents

Quick Start

Open index.html in any modern browser
Paste your original config in the left pane
Paste the modified config in the right pane
See the diff and validation results instantly

No build step, no server, no dependencies.

Project Structure

config-diff/
└── index.html    # The entire application

License

MIT — see LICENSE