Repolode
Предложить
SSShooter

SSShooter/mind-elixir-core

Не зависящее от фреймворков ядро JavaScript для встраивания интерактивных редактируемых интеллект-карт в веб-приложения.

Open source альтернатива:MindManagerXMind

Открыть на GitHubСайт
Звёзды
3,197
Форки
419
Открытые issues
11
Последний коммит
4 дня назад

Что это?

Mind Elixir Core — JavaScript-библиотека для отображения и редактирования интеллект-карт в браузере. Она не привязана к конкретному фронтенд-фреймворку: её можно подключить к обычной HTML-странице или использовать вместе с React, Vue и другими UI-библиотеками.

Библиотека поддерживает редактирование перетаскиванием, выбор нескольких узлов, отмену и повтор действий, сочетания клавиш и сенсорное управление на мобильных устройствах. Карты можно экспортировать в SVG, PNG или HTML, а оформление настраивать с помощью CSS-переменных или объекта темы с собственной палитрой. Данные узлов представлены обычным JavaScript-объектом: их можно получить с помощью getData и восстановить через init или refresh.

Библиотеку можно расширять плагинами, добавлять проверки операций, выполняемые перед изменениями — например, добавлением или удалением узлов, — а также подключать собственный парсер Markdown для содержимого узлов. Библиотека опубликована в npm под именем mind-elixir и загружается с CDN с помощью тега script.

Ключевые возможности

  • 01Не зависящее от фреймворков ядро, совместимое с любым фронтенд-стеком.
  • 02Редактирование перетаскиванием, выбор нескольких узлов и отмена/повтор действий.
  • 03Сенсорное управление и сочетания клавиш.
  • 04Экспорт в SVG, PNG и HTML.
  • 05Настройка оформления с помощью CSS-переменных и пользовательских тем.
  • 06Система плагинов и проверки операций перед внесением изменений.

Сценарии использования

  • Добавление редактируемой интеллект-карты в веб-приложение.
  • Создание браузерных инструментов для ведения заметок или мозгового штурма.
  • Построение визуализаций интеллект-карт на основе структурированных данных с возможностью экспорта.
  • Прототипирование функций для работы с интеллект-картами в React, Vue или на обычных JavaScript-страницах.

Быстрый старт

  1. 1

    Установите пакет из npm

    npm i mind-elixir -S
  2. 2

    Импортируйте библиотеку и её таблицу стилей в код

    import MindElixir from 'mind-elixir' import 'mind-elixir/style.css'
  3. 3

    Создайте div-контейнер и инициализируйте интеллект-карту с примером данных

Что важно знать

  • Для отображения карты нужен элемент-контейнер с явно заданной высотой.

В подборках

Диаграммы, графики и анимированная визуализацияФронтенд-фреймворки и UI-компоненты

Темы

#mind-map#javascript#typescript#visualization#frontend#graph#drag-and-drop#mind-mapping#mindmap#tool

Частые вопросы

Что такое mind-elixir-core?
Не зависящее от фреймворков ядро JavaScript для встраивания интерактивных редактируемых интеллект-карт в веб-приложения. Mind Elixir Core — JavaScript-библиотека для отображения и редактирования интеллект-карт в браузере. Она не привязана к конкретному фронтенд-фреймворку: её можно подключить к обычной HTML-странице или использовать вместе с React, Vue и другими UI-библиотеками.
mind-elixir-core можно использовать бесплатно? Какая у него лицензия?
mind-elixir-core распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
mind-elixir-core всё ещё поддерживается?
Активно поддерживается. Последний коммит в mind-elixir-core — 4 нояб. 2026 г..
Для чего можно использовать mind-elixir-core?
Добавление редактируемой интеллект-карты в веб-приложение. Создание браузерных инструментов для ведения заметок или мозгового штурма. Построение визуализаций интеллект-карт на основе структурированных данных с возможностью экспорта. Прототипирование функций для работы с интеллект-картами в React, Vue или на обычных JavaScript-страницах.
Как установить mind-elixir-core?
Установите пакет из npm: npm i mind-elixir -S Импортируйте библиотеку и её таблицу стилей в код: import MindElixir from 'mind-elixir' import 'mind-elixir/style.css' Создайте div-контейнер и инициализируйте интеллект-карту с примером данных
Где скачать mind-elixir-core?
Исходный код и инструкции по установке — на GitHub: https://github.com/SSShooter/mind-elixir-core

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

xyflow / xyflow

Открытые библиотеки для React и Svelte, позволяющие создавать интерактивные интерфейсы на основе узлов: блок-схемы, графы и редакторы рабочих процессов.

Фронтенд и UI#react#svelte#flowchart
38,9 тыс.+77 за неделю2,6 тыс.TypeScriptMITОбновлён вчера