Plate

Code Drawing Base Kit

udecode

Installation

No MCP yet? Connect your agent.

Add BaseCodeDrawingKit to the editor's plugin array. The kit keeps its node renderers and feature plugins together.

import { createSlateEditor } from "platejs";
import { BaseCodeDrawingKit } from "@/components/editor/plugins/code-drawing-base-kit";

const editor = createSlateEditor({
  plugins: [...BaseCodeDrawingKit],
});

Related items

Requires

  • Plate

    Code Drawing Node

    Editor

    Create diagrams from code using PlantUML, Graphviz, Flowchart, or Mermaid.

    ReactTailwind