Skip to content
Rehype plugins

Overview

rehype-mind-elixir is a Rehype plugin that lets you embed interactive Mind Elixir mind maps directly in Markdown and MDX.

Instead of writing JavaScript to create a mind map, you can describe it using a mind-elixir fenced code block.

Example

Section titled “Example”
```mind-elixir
height : 400px
width : 100%
---
- ZikoJS
  - Core
  - Addons
  - Integrations
```

The code block is transformed into an interactive Mind Elixir map.

Features

Section titled “Features”
  • Plain-text mind-map syntax
  • JSON mind-map data
  • JSON-like syntax
  • YAML configuration
  • Mind Elixir node properties
  • CDN or locally bundled runtime
  • Works with Unified and unified-based frameworks

Supported body formats

Section titled “Supported body formats”

The mind-map body supports:

  • Plain text — write a tree directly in Markdown.
  • JSON — use existing or generated Mind Elixir data.
  • JSON-like — use JavaScript-style objects and arrays.

YAML is used for the optional configuration section, not for the mind-map body.

How it works

Section titled “How it works”
mind-elixir
    │
    ▼
Markdown / MDX
    │
    ▼
Rehype
    │
    ▼
rehype-mind-elixir
    │
    ▼
Interactive Mind Elixir map

See Processing for the complete processing pipeline.

Next steps

Section titled “Next steps”