Frontend Development 6 min read

Master Simple Mind Map: Powerful Web Diagram Tool & Docker Setup

This article introduces Simple Mind Map, a feature‑rich web mind‑mapping library with over 9k GitHub stars, outlines its key capabilities such as multiple diagram types, themes, and import/export formats, and provides step‑by‑step Docker installation and usage examples for developers.

macrozheng
macrozheng
macrozheng
Master Simple Mind Map: Powerful Web Diagram Tool & Docker Setup

Introduction

Simple Mind Map (Chinese name: 思绪思维导图) is a simple yet powerful web mind‑mapping library that has earned more than 9.3k stars on GitHub. It offers a ready‑to‑use mind‑map client and can be integrated into projects to provide rich diagramming functionality.

Features

Supports various logical structures: left‑right, mind map, organization chart, directory tree, timeline, fishbone diagram, etc.

Built‑in multiple themes with high customizability.

Rich node content: plain text, rich text, images, icons, hyperlinks, notes, tags, summaries.

Export options include JSON, PNG, SVG, PDF, Markdown, XMind, TXT.

Import from formats such as JSON, XMind, Markdown.

Multiple usage modes: online, client, Docker deployment.

Installation

Mind map supports various installation methods; the example below uses Docker deployment.

Pull the Docker image:

<code>docker pull hraulein/mind-map:latest</code>

Run the container:

<code>docker run -p 8080:8080 --name mind-map -e GIN_MODE=release -d hraulein/mind-map:latest</code>

After the container starts, access the UI at

http://localhost:8080

(replace with your host IP if needed).

Usage

The following demonstrates using Simple Mind Map with a sample e‑commerce project (mall) built on SpringBoot3 + Vue.

The mall project is a full‑stack e‑commerce system (GitHub ★60K) that includes front‑end shop, back‑end admin, and supports order processing, product catalog, shopping cart, permissions, coupons, membership, payment, etc.

Boot project repository: https://github.com/macrozheng/mall

Cloud (K8s) project repository: https://github.com/macrozheng/mall-swarm

Tutorial website: https://www.macrozheng.com

Example screenshots show the mind‑map editor, theme switching, structure toggling, outline view, settings (e.g., watermark), icon insertion, and export/import capabilities.

Summary

We have explored Simple Mind Map’s comprehensive features and demonstrated its Docker‑based deployment; the tool offers a polished mind‑mapping experience suitable for developers who need quick diagramming capabilities.

Project Address

https://github.com/wanglin2/mind-map

frontendDockertutorialmind mapweb diagram
macrozheng
Written by

macrozheng

Dedicated to Java tech sharing and dissecting top open-source projects. Topics include Spring Boot, Spring Cloud, Docker, Kubernetes and more. Author’s GitHub project “mall” has 50K+ stars.

0 followers
Reader feedback

How this landed with the community

login Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.