Skip to main content

React Easy Diagram

Open source library to build highly customizable interactive React diagrams with easy.

Customization

The library was designed from the ground up to be easily customizable so you can change any component you like or customize existing ones.

HTML nodes

Nodes are represented as HTML, so you can define them at any level of complexity. (Because of this, if expected nodes number exceeds hundreds of them then it is better to use libraries with other approaches, for example diagrams that use Canvas).

Advanced API

Entire diagram state with all its methods and types are available so you are aware about everything that is going on in library and can manipulate the state as you want.

Performance

Thanks to MobX all components are rerendered only when it strictly needed.

Touch devices support

User interaction is implemented with helps of UseGesture library that enables you to use diagrams not only on PC but also on touch devices, use pinch & zoom gesture.