Repolode
Enviar
SSShooter

SSShooter/mind-elixir-core

Um núcleo de mapas mentais em JavaScript, independente de framework, para incorporar mapas interativos e editáveis a aplicações web.

Alternativa open source a:MindManagerXMind

Ver no GitHubSite
Estrelas
3,196
Forks
419
Issues abertas
11
Último commit
há 4 dias

O que é?

Mind Elixir Core é uma biblioteca JavaScript que renderiza e permite editar mapas mentais no navegador. Ela não depende de nenhum framework frontend, então pode ser integrada a uma página HTML simples ou usada com React, Vue e outras bibliotecas de UI.

A biblioteca oferece edição por arrastar e soltar, seleção de vários nós, desfazer e refazer, atalhos de teclado e eventos de toque para dispositivos móveis. Os mapas podem ser exportados como SVG, PNG ou HTML, e a aparência pode ser alterada com variáveis CSS ou um objeto de tema com uma paleta personalizada. Os dados dos nós são armazenados em um objeto JavaScript simples, que pode ser lido com getData e restaurado com init ou refresh.

Os desenvolvedores podem estendê-la com plugins, adicionar proteções de operação executadas antes de alterações como adicionar ou remover nós e integrar um parser Markdown personalizado para o conteúdo dos nós. A biblioteca é publicada no npm como mind-elixir e pode ser carregada de um CDN por meio de uma tag script.

Recursos principais

  • 01Núcleo independente de framework, compatível com qualquer stack frontend.
  • 02Edição por arrastar e soltar, seleção de vários nós e desfazer/refazer.
  • 03Eventos de toque e atalhos de teclado.
  • 04Exportação para SVG, PNG e HTML.
  • 05Estilização com variáveis CSS e temas personalizados.
  • 06Sistema de plugins e proteções para operações de alteração.

Casos de uso

  • Adicionar uma visualização editável de mapa mental a uma aplicação web.
  • Criar ferramentas de anotações ou brainstorming no navegador.
  • Gerar visualizações de mapas mentais a partir de dados estruturados para exportação.
  • Prototipar recursos de mapas mentais em páginas com React, Vue ou JavaScript puro.

Início rápido

  1. 1

    Instale o pacote pelo npm

    npm i mind-elixir -S
  2. 2

    Importe a biblioteca e sua folha de estilos no código

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

    Crie uma div contêiner e inicialize um mapa mental com dados de exemplo

Antes de usar

  • Para exibir o mapa, é necessário um elemento contêiner com altura explícita.

Em coleções

Diagramas, gráficos e visualizações animadasFrameworks frontend e componentes de interface

Tópicos

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

Perguntas frequentes

O que é mind-elixir-core?
Um núcleo de mapas mentais em JavaScript, independente de framework, para incorporar mapas interativos e editáveis a aplicações web. Mind Elixir Core é uma biblioteca JavaScript que renderiza e permite editar mapas mentais no navegador. Ela não depende de nenhum framework frontend, então pode ser integrada a uma página HTML simples ou usada com React, Vue e outras bibliotecas de UI.
mind-elixir-core é gratuito? Qual é a licença?
mind-elixir-core é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
mind-elixir-core ainda é mantido?
Manutenção ativa. O último commit de mind-elixir-core foi em 4 de nov. de 2026.
Para que posso usar mind-elixir-core?
Adicionar uma visualização editável de mapa mental a uma aplicação web. Criar ferramentas de anotações ou brainstorming no navegador. Gerar visualizações de mapas mentais a partir de dados estruturados para exportação. Prototipar recursos de mapas mentais em páginas com React, Vue ou JavaScript puro.
Como instalar mind-elixir-core?
Instale o pacote pelo npm: npm i mind-elixir -S Importe a biblioteca e sua folha de estilos no código: import MindElixir from 'mind-elixir' import 'mind-elixir/style.css' Crie uma div contêiner e inicialize um mapa mental com dados de exemplo
Onde consigo mind-elixir-core?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/SSShooter/mind-elixir-core

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados