Compose Spec

Docker Compose visual editor and YAML tools

Overview

The @libreapps.compose-spec package provides visual editing tools for Docker Compose files with real-time YAML synchronization.

npm install @libreapps.compose-spec
# or
pnpm add @libreapps.compose-spec

Visual drag-and-drop editor for Docker Compose files.

import { ComposeEditor } from "@libreapps/ui/compose"

export default function Page() {
  return <ComposeEditor />
}

Side-by-side visual and YAML editor with live sync.

import { ComposeYamlEditor } from "@libreapps/ui/compose"

export default function Page() {
  return <ComposeYamlEditor />
}

Full interactive playground with service nodes, networks, and volumes.

import { ComposePlayground } from "@libreapps/ui/compose"

export default function Page() {
  return <ComposePlayground />
}

See the full compose-spec documentation for detailed API reference.