본문으로 건너뛰기

MIT 라이선스 · 의존성 없음

Mind Elixir Core

웹을 위한 JavaScript 마인드맵 코어입니다. 어떤 프론트엔드 프레임워크에서든 대화형 마인드맵을 렌더링·편집·내보낼 수 있으며, 플러그인, 단축키, 실행 취소/다시 실행, SVG/PNG 내보내기를 기본으로 제공합니다.

  • gzip 후 33 kB
  • 프레임워크 비종속
  • TypeScript
  • 터치 지원

Mind Elixir Core로 실시간 렌더링한 마인드맵입니다. 캔버스를 드래그하거나 더블 클릭해 편집하고, 컨텍스트 메뉴를 열어 보세요.

몇 초 만에 설치

Mind Elixir Core는 npm에 mind-elixir 패키지로 공개되어 있습니다. 런타임 의존성이 없으며 TypeScript 타입을 자체 제공합니다.

빠른 시작 - 5분 →
$ npm i mind-elixir -S

개발자가 Mind Elixir Core를 선택하는 이유

자신의 제품에 마인드맵을 넣기 위한 라이브러리입니다. 호스팅 서비스도 아니고 특정 프레임워크에 묶이지도 않습니다.

의존성 없음

코어 전체가 gzip 후 약 33 kB의 단일 번들로 제공되며, 검토하거나 패치해야 할 전이적 런타임 의존성이 없습니다.

프레임워크 비종속

모든 DOM 요소에 마운트할 수 있습니다. React, Vue 3, Vanilla JavaScript용 예제와 함께 완성도 높은 TypeScript 타입을 제공합니다.

큰 맵에 최적화

효율적인 노드 조회와 배치 DOM 업데이트로 노드가 수천 개로 늘어나도 상호작용이 매끄럽습니다.

풍부한 노드 콘텐츠

이미지, 태그, 아이콘, 하이퍼링크, Markdown, LaTeX, 사용자 정의 HTML을 노드 안에 넣을 수 있습니다.

어디로든 내보내기

SVG나 PNG를 바로 생성하고, 공식 내보내기 플러그인으로 XMind 또는 HTML 출력도 추가할 수 있습니다.

확장을 고려한 설계

이벤트 버스를 구독하고, 컨텍스트 메뉴 항목을 추가하고, 직접 만든 스타일을 주입하거나 플러그인을 배포할 수 있습니다.

하나의 브랜드, 세 가지 제품

Mind Elixir는 제품군 이름입니다. Mind Elixir Core는 이 사이트에서 설명하는 오픈 소스 라이브러리입니다.

Mind Elixir App

바로 사용할 수 있는 Mind Elixir 앱으로, 브라우저·데스크톱·모바일에서 모두 이용할 수 있습니다. 빈 맵을 열고 바로 생각을 정리해 보세요.

앱 열기 →

Mind Elixir Cloud

동기화와 공유를 지원하는 호스팅 마인드맵입니다. 어디서든 맵에 접근해야 하는 팀에 적합합니다.

클라우드 체험 →

Mind Elixir Core

이 문서에서 다루는 오픈 소스 라이브러리입니다. MIT 라이선스로 자사 제품에 마인드맵 기능을 넣을 수 있습니다.

문서 읽기 →