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.
NOTE
MJS Diagram is in the preview stages of its lifecycle and under heavy development. Not all of the features listed here are implemented or polished yet. And a lot will change before the stable release, including potential breaking changes.
Subscribe to our newsletter to be notified of the progress of MJS Diagram development.
Interactive diagrams
Add an interactive, scalable diagram viewer to your app.
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.
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 toolbar while editing, just grab the library and add image diagramming to your app absolutely free.
Simple license
Want to remove the small logo while editing? 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.