Check out the real-world demo
Diagrams by marker.js is a full-fledged diagramming app created with MJS Diagram. It's free and open source. You can use it both as a diagramming tool and a demo of the MJS Diagram library implementation.
Add an interactive, scalable diagram viewer to your app.
WYSIWYG diagram editor
Enable your app's users to create and edit interactive diagrams.
Extensible diagram types
Create flowcharts, mind maps, or other diagram types. Go beyond the presets and create your own diagram types.
Create in code
While Diagram Editor enables WYSIWYG editing, you can also create your diagrams in pure JSON and display them in the Viewer.
Customize UI appearance to make MJS Diagram fit your app's design language.
Render diagrams as images
You can both display the diagrams on your web site and render them as static images for use in documents, presentations, and other media.
Mouse, touch, pen
Create and edit diagrams with either mouse, touch, or a stylus.
Diagrams are infinitely scalable and can be displayed in all kinds of layouts with no loss in fidelity.
Standard Web Components
MJS Diagram is a set of industry-standard web components. This means you can use MJS Diagram with any modern web framework or in pure web applications that use none.
Full TypeScript support
MJS Diagram is built with TypeScript and includes type definitions for all the types used in the library for your excellent dev experience.
As long as you don't mind a small logo in the corner, just grab the library and add image diagramming to your app absolutely free.
Want to remove the logo? Our simple licensing scheme enables you to do that for a one-time fee and supports future development.