Repolode
Enviar
SSShooter

SSShooter/mind-elixir-core

Un núcleo de mapas mentales en JavaScript independiente de frameworks para integrar mapas interactivos y editables en aplicaciones web.

Alternativa open source a:MindManagerXMind

Ver en GitHubSitio web
Estrellas
3,196
Forks
419
Issues abiertos
11
Último commit
hace 3 días

¿Qué es?

Mind Elixir Core es una biblioteca de JavaScript que permite mostrar y editar mapas mentales en el navegador. No depende de ningún framework de frontend, así que puede integrarse en una página HTML sencilla o utilizarse junto con React, Vue u otras bibliotecas de UI.

La biblioteca permite editar mediante arrastrar y soltar, seleccionar varios nodos, deshacer y rehacer cambios, usar atajos de teclado e interactuar mediante eventos táctiles en dispositivos móviles. Los mapas se pueden exportar como SVG, PNG o HTML, y su estilo se puede modificar con variables CSS o con un objeto de tema que incluya una paleta personalizada. Los datos de los nodos son objetos JavaScript simples que se pueden consultar con getData y restaurar con init o refresh.

Los desarrolladores pueden ampliarla con plugins, añadir controles que se ejecutan antes de cambios como agregar o eliminar nodos e integrar un parser de Markdown personalizado para el contenido de los nodos. Se publica en npm como mind-elixir y se puede cargar desde una CDN mediante una etiqueta script.

Funciones clave

  • 01Núcleo independiente de frameworks que funciona con cualquier stack de frontend.
  • 02Edición mediante arrastrar y soltar, selección de varios nodos y deshacer/rehacer.
  • 03Eventos táctiles y atajos de teclado.
  • 04Exportación a SVG, PNG y HTML.
  • 05Estilos mediante variables CSS y temas personalizados.
  • 06Sistema de plugins y controles para las operaciones de cambio.

Casos de uso

  • Añadir una vista editable de mapas mentales a una aplicación web.
  • Crear herramientas para tomar notas o hacer lluvias de ideas en el navegador.
  • Generar visualizaciones de mapas mentales a partir de datos estructurados para exportarlas.
  • Prototipar funciones de mapas mentales en React, Vue o páginas con JavaScript sin frameworks.

Inicio rápido

  1. 1

    Instala el paquete desde npm

    npm i mind-elixir -S
  2. 2

    Importa la biblioteca y su hoja de estilos en tu código

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

    Crea un div contenedor e inicializa un mapa mental con datos de ejemplo

Antes de usarlo

  • Para mostrar el mapa, se necesita un elemento contenedor con una altura explícita.

En colecciones

Diagramas, gráficos y visualizaciones animadasFrameworks frontend y componentes de interfaz

Temas

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

Preguntas frecuentes

¿Qué es mind-elixir-core?
Un núcleo de mapas mentales en JavaScript independiente de frameworks para integrar mapas interactivos y editables en aplicaciones web. Mind Elixir Core es una biblioteca de JavaScript que permite mostrar y editar mapas mentales en el navegador. No depende de ningún framework de frontend, así que puede integrarse en una página HTML sencilla o utilizarse junto con React, Vue u otras bibliotecas de UI.
¿mind-elixir-core es gratuito? ¿Qué licencia tiene?
mind-elixir-core es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿mind-elixir-core sigue mantenido?
Mantenimiento activo. El último commit de mind-elixir-core fue el 4 nov 2026.
¿Para qué puedo usar mind-elixir-core?
Añadir una vista editable de mapas mentales a una aplicación web. Crear herramientas para tomar notas o hacer lluvias de ideas en el navegador. Generar visualizaciones de mapas mentales a partir de datos estructurados para exportarlas. Prototipar funciones de mapas mentales en React, Vue o páginas con JavaScript sin frameworks.
¿Cómo se instala mind-elixir-core?
Instala el paquete desde npm: npm i mind-elixir -S Importa la biblioteca y su hoja de estilos en tu código: import MindElixir from 'mind-elixir' import 'mind-elixir/style.css' Crea un div contenedor e inicializa un mapa mental con datos de ejemplo
¿Dónde consigo mind-elixir-core?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/SSShooter/mind-elixir-core

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados