A Framework-Agnostic Mind-Map Editor Drops as a Drop-In JS SDK

We have been deeply working on AI Agents and large model applications, such as the JitKnow AI knowledge base, JitWord collaborative AI documents, and Pxcharts super tables.

We recently open-sourced a mind map editor with a style similar to Xmind, which can be easily integrated into your own applications:

Since we designed it as a pure JS SDK, you don't need to worry about the tech stack. It can be easily integrated into mainstream frontend frameworks like Vue, React, and Angular.

As usual, here are the links first.

GitHub: https://github.com/jitOffice/jitword-sdk

API Documentation: https://jitword.com/mind/doc

You can place the SDK in the static directory of your local project and easily import and use it:

We also provide detailed documentation for more in-depth API usage, as shown below:

We just need to import the SDK into the project:

Then integrate and call it as follows:

// Access the constructor from UMD global
var JitMind = window.JitMind.JitMind

// 1. Create instance
var mindmap = new JitMind({
  container: '#mindmap-root',
  locale: 'zh_CN',
  editable: true,
  direction: 'side',
  onChange: function(data) {
    console.log('Mindmap updated:', data)
  }
})

// 2. Initialize (renders into DOM)
mindmap.init().then(function() {
  // 3. Use sub-APIs
  mindmap.data.addChild('root', 'New Branch')
  mindmap.theme.setTheme('Rainbow')
  mindmap.io.exportPng({ name: 'my-map' })
})

// 4. Listen to events
mindmap.on('change', function(data) {
  console.log('Mindmap updated:', data)
})

// 5. Cleanup
mindmap.destroy()

Let's chat about application scenarios. If you are also working on knowledge management applications, such as knowledge graphs, document structure visualization, or mind note management, this open-source SDK will be very applicable. We can switch the mind map theme with one click:

You can also export the mind map to formats like images and PDFs with one click. At the same time, if you want to do multi-person collaborative editing, you can also easily implement it using the CRDT algorithm.

Even more interestingly, we can also integrate AI features to achieve an AI mind map effect:

Currently, we have also integrated our mind map SDK into the JitWord collaborative AI document to achieve online content knowledge collaborative management. Alright, that's all for today's sharing. Everyone is welcome to try it out, give feedback, and contribute more high-value application cases:

GitHub: https://github.com/jitOffice/jitword-sdk

API Documentation: https://jitword.com/mind/doc