vyuhDiagram
FOR FLUTTER MES & MANUFACTURING PRODUCTS

Embed process & routing diagrams in your Flutter MES app

Work centers, routings, approvals, and quality paths — editable where operators already work.

Try the live process canvas Explore pricing
LIVE FLUTTER CANVASOpen full canvas
Opening the live canvas…
WHY THIS EXISTS

The work is visual.
The product should be too.

Most MES UIs still hide the process in tables. Operators and planners need to see the line: steps, branches, rework, scrap. If your shop-floor app is Flutter, the process canvas should be too.

WHERE IT FITS

A canvas for the work
your users actually do.

01

PRODUCTION ROUTING

Make the line visible

Steps, work centers, parallel branches, and rework loops in one place.

02

APPROVALS & WORKFLOWS

Draft the route before the floor

Visual drafts for sign-off before they hit the floor.

03

QUALITY / NCR PATHS

Contain the exception clearly

Defect flows and containment as a diagram, not a spreadsheet.

NO EMBEDDED WEB APP

Native where your
product needs it.

  • Dart all the wayShapes, ports, routing, and undo belong in your Flutter codebase.
  • Your domain modelCompose cards, ports, and geometry that match the way your users work.
  • At home in your appKeep your own chrome, tools, and controller around a real Flutter canvas.
ONE REAL CANVAS

Start inside
your product.

Mount the editor in the Flutter surface your users already know, then bring your own data, tools, and domain shapes.

your_canvas.dartFlutter
dart
final controller = DiagramController(
  configuration: DiagramConfiguration(
    extensions: [EditorExtension()],
  ),
);

DiagramCanvas(controller: controller);

// Compose your own shapes and tools.
One controller drives the canvas. Your host owns the product around it.
MAKE IT PART OF YOUR PRODUCT

Shipping a Flutter MES or process tool?

Tell us about your routing or workflow surface — we’ll talk through fit and licensing.

Choose your plan