logo2mind-elixirWhat is Mind ElixirA mind map coreFreeOpen-SourceFramework agnosticUse without JavaScript frameworkPluginableUse in your own projectimport MindElixir from 'mind-elixir'new MindElixir({...}).init(data)Key FeaturesFluent UXWell designedMobile friendlyLightweight & High performanceEfficient ShortcutsTab - Create a child nodeEnter - Create a sibling nodeF1 - Center the MapF2 - Begin EditingCtrl + C/V - Copy/PasteCtrl + +/- - Zoom In/OutAdvanced FeaturesBulk operations supported
New
Undo / Redo
New
Summarize nodesEasily Styling with CSS variables
New
Left menuNode distributionLeftRightBoth l & rLinkRight click and select LinkClick the target you want to linkModify link with control pointsBidirectional link isAlso available.Node styleFont SizeFont ColorBackground ColorAdd tags
Completed
Add icons😂
www
BolderHyper link🔗Mind Elixir
Mind Map Core
Focus modeRight click and select Focus ModeRight click and select Cancel Focus ModeBottom menuFull screenReturn to CenterZoom inZoom outDraggableDrag a node to another node and the former one will become a child node of latter oneExport & ImportExport as SVGExport as PNG
New
Export JSON dataExport as HTMLEcosystem@mind-elixir/node-menu🔗@mind-elixir/export-xmind🔗mind-elixir-react🔗dangerouslySetInnerHTMLCode Block
let message = 'Hello world'
alert(message)
Customized Div
Title
Hello world
KaTeXFourier transform: $$F(\omega) = \int_{-\infty}^{\infty} f(t) e^{-i\omega t} dt$$Schrödinger equation: $$i\hbar\frac{\partial}{\partial t}\Psi = \hat{H}\Psi$$Basic Markdown Examples# Heading 1**Bold text** and __Highlight__ and *italic text*- Unordered list item 1 - Unordered list item 2[Link to GitHub](https://github.com) and `inline code`| Column 1 | Column 2 | Column 3 | |----------|----------|----------| | Row 1 | Data 1 | Info 1 | | Row 2 | Data 2 | Info 2 |Theme SystemBuilt-in ThemesLatte (Light)Dark ThemeCustom CSS Variables
Flexible
Color Palette Customization
10 Colors
Render
Bidirectional!
This is a summary section that groups together related nodes to show their logical connection and relationship. You can customize this text to provide more context about the grouped items.