GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → awehook → Blink Mind React

awehook / Blink Mind React

Licence: mit
A mind map library for react that based on immutable.js.

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects
js
455 projects

Labels

reactlibrarymarkdownmindmapimmutablejs

Projects that are alternatives of or similar to Blink Mind React

React Markdown
Markdown editor (input) based on React
Stars: ✭ 98 (+157.89%)
Mutual labels:  markdown, library
Siyuan
📕 SiYuan is a local-first personal knowledge management system, support fine-grained block-level reference and Markdown instant-render editing.
Stars: ✭ 1,196 (+3047.37%)
Mutual labels:  mindmap, markdown
Commonmark Java
Java library for parsing and rendering CommonMark (Markdown)
Stars: ✭ 1,675 (+4307.89%)
Mutual labels:  markdown, library
Markdown Builder
1kb Markdown builder for Node.js
Stars: ✭ 67 (+76.32%)
Mutual labels:  markdown, library
Liandi
📕 一款桌面端的 Markdown 块级引用和双向链接笔记应用，支持 Windows、Mac 和 Linux。A desktop Markdown Block-Reference and Bidirectional-Link note-taking application, supports Windows, Mac and Linux.
Stars: ✭ 354 (+831.58%)
Mutual labels:  mindmap, markdown
Java Markdown Generator
Java library to generate markdown
Stars: ✭ 159 (+318.42%)
Mutual labels:  markdown, library
Markdownxiaoshujiang
markdownxiaoshujiang
Stars: ✭ 1,188 (+3026.32%)
Mutual labels:  mindmap, markdown
Lute
🎼 一款对中文语境优化的 Markdown 引擎，支持 Go 和 JavaScript。A structured Markdown engine that supports Go and JavaScript.
Stars: ✭ 222 (+484.21%)
Mutual labels:  mindmap, markdown
Minder
Mind-mapping application for Elementary OS
Stars: ✭ 306 (+705.26%)
Mutual labels:  mindmap, markdown
Blink Mind
Fully customizable mindmap framework for react.js. 支持插件的，可被完全定制的思维导图库，基于react.js和immutable.js。
Stars: ✭ 169 (+344.74%)
Mutual labels:  immutablejs, mindmap
React Native Simple Markdown
📜 React Native Markdown component (iOS & Android).
Stars: ✭ 389 (+923.68%)
Mutual labels:  markdown, library
Mark Mind
MarkMind — a mind map and outliner editor for Windows, Mac, Linux, andriod and ios ,it support markdown in node.
Stars: ✭ 385 (+913.16%)
Mutual labels:  mindmap, markdown
Imgui markdown
Markdown for Dear ImGui
Stars: ✭ 594 (+1463.16%)
Mutual labels:  markdown, library
Hhcustomcorner
Awesome library to customize corners of UIView and UIButton. Now you can customize each corner differently
Stars: ✭ 36 (-5.26%)
Mutual labels:  library
Computesharp
A .NET 5 library to run C# code in parallel on the GPU through DX12 and dynamically generated HLSL compute shaders, with the goal of making GPU computing easy to use for all .NET developers! 🚀
Stars: ✭ 982 (+2484.21%)
Mutual labels:  library
Versioncontrol git
VersionControl_Git is a library that provides OO interface to handle Git repository.
Stars: ✭ 35 (-7.89%)
Mutual labels:  library
Ods2md
Convert LibreOffice Calc Spreadsheets (*.ods) into Markdown tables.
Stars: ✭ 35 (-7.89%)
Mutual labels:  markdown
Blankup Electron
Markdown editor with clarity +1, as a desktop application.
Stars: ✭ 37 (-2.63%)
Mutual labels:  markdown
Sharpmath
A small .NET math library.
Stars: ✭ 36 (-5.26%)
Mutual labels:  library
Tmdlang
Timebase MarkDown Language
Stars: ✭ 35 (-7.89%)
Mutual labels:  markdown
View All Similar Projects ➔

This project has been moved to https://github.com/awehook/blink-mind .

blink-mind-react

MIT npm version

Important

I have refactored the library using middleware infrastructure and created a new git repository blink-mind. Customization of any desired effect can be achieved by writing a plugin based on the new library.

重要说明

这个项目已经被移动到 https://github.com/awehook/blink-mind.

Introduction

A mind map library for react write in typescript which use immutable.js for state management.

The mind map can drag to any area of the view container area.

Editing a node with a rich text editor.

I have created app use this library.

https://github.com/awehook/react-mindmap

The online demo is react-mindmap

Futures

  1. drag and move

image

  1. drag and drop for reorganize the node relationship

image

  1. popup menu for operation the node

image

  1. rich text editor for mind map item

image

Usage

In your project, run the command

yarn add blink-mind-react

I have created a sample app to demonstrate how to use this library.

The main code

Run the Demo

yarn
yarn storybook

Then open http://localhost:6006/ . Click the demo1 menu item. image

Dependency

This library integrate the rich-markdown-editor which url is https://github.com/outline/rich-markdown-editor. I have modified some code of rich-markdown-editor. And this library used the library which forked from rich-markdown-editor and modified some code by me. The forked library's url is https://github.com/awehook/rich-markdown-editor.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].