The visual YAML editor. Schema-aware, embeddable, extensible.
Inspired by visual-json.
| Package | Description |
|---|---|
@visual-yaml/core |
Headless tree model, operations, and schema types |
@visual-yaml/react |
React UI components (TreeView, FormView, DiffView, and more) |
@visual-yaml/vue |
Vue UI components (coming soon) |
- Full YAML support — comments, anchors & aliases, scalar styles, collection styles
- Tree + Form split-panel editor with resizable sidebar
- Drag-and-drop reordering
- Search across keys, values, and comments
- Structural diff view
- Undo / redo history
- JSON Schema validation and auto-detection (GitHub Actions, Docker Compose, GitLab CI, Kubernetes, and more)
- Dark mode out of the box
pnpm install
pnpm build
pnpm devApache-2.0