MJS Diagram is a set of JavaScript libraries to add diagramming to your web apps.
MJS Diagram is a set of web components to add interactive diagram creation and viewing to your web applications. Whether you've built your web app with plain JavaScript, TypeScript, React, Vue.js, Angular, or any other web technology, you can use MJS Diagram to add Flowcharts, Mind Maps, Network Diagrams, and other diagrams to your app.
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.
Interactive diagrams
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.
Customizable UI
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.
Responsive
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.
Free
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.
Simple license
Want to remove the logo? Our simple licensing scheme enables you to do that for a one-time fee and supports future development.
What's next?
Explore MJS Diagram demos and documentation or just download the library and take your web app to the next level with diagram creation and viewing features.