Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/Aston2710/mc-modeler/llms.txt

Use this file to discover all available pages before exploring further.

MC Modeler is a web-based BPMN 2.0 process modeling tool that runs entirely in your browser — no installation required. Inspired by Bizagi Modeler, it brings professional process documentation to any operating system, with real-time collaboration, cloud persistence, and full interoperability with the OMG BPMN 2.0 standard.

Introduction

Learn what MC Modeler is, who it’s for, and how it compares to Bizagi and Camunda Modeler.

Quickstart

Create your first BPMN diagram and export it in under 5 minutes.

BPMN Elements

Browse all 35 supported elements across events, activities, gateways, connections, and containers.

Collaboration

Invite teammates, share diagrams, add comments, and see live presence cursors.

What You Can Do

Model Processes

Full BPMN 2.0 canvas with pools, lanes, gateways, sub-processes, and boundary events.

Export & Import

Export to BPMN XML, PNG, SVG, PDF, or BPM. Import .bpmn files from Bizagi or Camunda.

Collaborate

Share diagrams with granular owner/editor/viewer roles. Invite by email or shareable link.

Organize

Group diagrams into projects. Soft-delete to trash, restore, or permanently purge.

Image Library

Upload images and attach them to diagram elements. Images are versioned separately from XML.

Self-Host

Deploy with your own Supabase project. Full schema migration scripts included.

Architecture at a Glance

MC Modeler is a React 19 + TypeScript SPA built on bpmn-js v18 — the same BPMN engine used by Camunda Modeler. The persistence layer is abstracted behind the IDiagramRepository interface, so the app works offline with localStorage/IndexedDB and upgrades to full cloud collaboration when connected to Supabase.

Architecture Overview

SPA layers: presentation, orchestration, BPMN engine, state, and persistence.

Data Model

TypeScript interfaces for Diagram, Project, Folder, LibraryImage, and UserPreferences.

BPMN Engine

Custom bpmn-js modules: renderer, palette, connections, and canvas behaviors.

Collab & Sync

Yjs CRDT binding, Supabase Realtime transport, and optimistic concurrency control.

Build docs developers (and LLMs) love