Syncfusion Diagram SDK

SyncfusionDiagramming ToolsJavaScript.NETWindows UWP Control
Version 2026 Volume 2 SP1 (34.2.6) (Sep 1, 2026)

Build interactive diagrams, workflows, models, and visual editing experiences.

  • Create interactive diagrams with configurable shapes, connectors, and layouts.
  • Build flowcharts, process models, hierarchies, and custom visual editors.
  • Support data binding, direct editing, navigation, persistence, and export.
Syncfusion logo

Prices from:

Loading...
Available individuallyOur Price
Syncfusion Diagram SDKLoading
Also available in
Syncfusion Essential Studio EnterpriseLoading
Syncfusion Diagram SDK
Syncfusion Diagram SDK is a diagramming package for creating interactive flowcharts, Business Process Model and Notation (BPMN) diagrams, Unified Modeling Language (UML) diagrams, organizational charts, mind maps, floor plans, and visual editors. Its components provide automatic layouts, data binding, shapes, connectors, interactive editing, navigation, persistence, and export capabilities.

Create Multiple Diagram Types

Build flowcharts, BPMN diagrams, UML diagrams, organizational charts, mind maps, swimlane diagrams, floor plans, network diagrams, and custom visual workflows. The components support business processes, application architecture, organizational structures, decision flows, and other visual modeling scenarios.

Arrange Diagrams With Automatic Layouts

Organize diagram elements using built-in layout algorithms designed for flowcharts, organizational charts, mind maps, and hierarchical views. Automatic arrangement helps applications position related nodes and connectors into structured visual representations without requiring every element to be placed manually.

Generate Diagrams From Application Data

Connect diagrams to application data sources and generate nodes and connectors dynamically. Data binding enables visual structures to reflect underlying information, supporting applications that create organizational hierarchies, workflows, relationship diagrams, and other data-driven visual models.

Use Built-In Shapes and Symbols

Add predefined shapes, symbols, connectors, BPMN elements, UML shapes, and flowchart objects to diagramming interfaces. Symbol palettes allow users to drag and drop available elements onto the drawing area when creating or extending diagrams interactively.

Edit Diagram Elements Interactively

Allow users to select, move, resize, rotate, and edit diagram elements directly within an application. Interactive editing capabilities support visual editors and diagram designers where users need to create, reorganize, and modify nodes and relationships through direct manipulation.

Define Connections and Relationships

Connect diagram elements using configurable connectors, connection points, labels, and routing behavior. These capabilities represent relationships and directional flows between nodes, supporting process diagrams, architecture models, network visuals, organizational structures, and other connected visual systems.

Model Processes With Swimlanes

Organize processes into lanes and phases to represent responsibilities, departments, participants, and workflow stages. Swimlane diagrams help applications show how tasks move through a process while visually separating the roles or organizational areas responsible for individual activities.

Navigate and Align Complex Diagrams

Explore large diagrams using zooming, panning, viewport controls, and other navigation capabilities. Gridlines, rulers, snapping guides, alignment options, and spacing controls help users position diagram elements consistently while creating and editing detailed visual structures.

Save and Restore Diagram States

Serialize diagram states in JavaScript Object Notation (JSON) format for persistence and later restoration. Applications can preserve diagram configurations between editing sessions, reload saved visual structures, and support workflows where users return to previously created diagrams.

Export and Print Diagrams

Export diagrams to supported formats for use outside the diagramming interface and provide printing capabilities for physical or digital documentation. These functions support reporting, collaboration, record keeping, and other workflows that require completed diagrams to be shared or retained.

Product Compatibility

Review the details below to ensure this product is supported within your environment.

Component Type

  • .NET
  • JavaScript
  • Windows UWP Control

.NET Version

  • .NET 10 LTS
  • .NET 9 STS
  • .NET 8 LTS
  • .NET 5 / .NET Core 3.1
  • .NET 4.8 or earlier

.NET Platform

  • .NET Blazor / WebAssembly
  • .NET WinForms
  • .NET WPF
  • ASP.NET Core Assembly
  • ASP.NET Core 3.1 Assembly
  • ASP.NET MVC

JavaScript Platform

  • Angular
  • React
  • Vanilla JavaScript
  • Vue.js

IDE Support

  • Visual Studio