We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies


The Xamarin Diagram is a feature-rich library for visualizing, creating, and editing interactive diagrams. It supports creating flowchart, organizational charts, mind maps, use case diagrams, and more either through code or a visual interface.

Organizational chart

Organizational chart helps you to visualize the structure of an organization. Syncfusion Xamarin.Forms Diagram Control provides built-in automatic layout algorithm specifically made for organizational chart to arrange the parent and child nodes position automatically.

Create organizational chart in Xamarin.Forms diagram.

Mind Map

Like organizational chart, Xamarin.Forms Diagram Control provides built-in automatic layout algorithm specifically made for mind map diagram which allows you to define which topic should be at the center and which sub-topics should be placed around the center topic in the diagram surface.

Create mind map in Xamarin.Forms diagram.


The Xamarin.Forms diagram control provides required flowchart shapes as ready-made objects to build flowchart diagram. Therefore, it is easy to add them in a diagram surface in a single call.

Create flow chart in Xamarin.Forms diagram predefined shapes.


Visualize any graphical object using nodes, which can be arranged and manipulated at the same time on a diagram page.

Nodes in Xamarin.Forms diagram.

Built-in nodes

Use many predefined standard shapes that are built into the diagram control.

Custom nodes in Xamarin.Forms diagram.

Custom nodes

Create and add custom shapes easily.

Template in Xamarin.Forms diagram.


In addition to the above, design a node UI template and reuse it across multiple nodes.

Node appearance in Xamarin.Forms diagram.


Fully customize the appearance of a node.


Connector represents the relationship between two nodes. Some of the key features are listed here.

Connectors in Xamarin.Forms diagram.


There are straight, orthogonal, and curved connector types. You can choose any of these based on the type of diagram or relationship between the connected notes.

Decorators in Xamarin.Forms diagram.

Arrow Heads

Use different types of predefined arrow heads to illustrate flow direction in flowchart diagram. You can also build your own custom arrowheads based on your requirement.

Custom connectors in Xamarin.Forms diagram.


Like nodes, connectors' look and feel can also be customized any way you want. The Xamarin.Forms Diagram Control provides a rich set of properties through which you can customize connector color, thickness, dash and dot appearance, rounded corners, as well as decorators.

Data binding

You can populate org chart or mind map diagrams based on data from data sources. In addition, data in any format can be easily converted, mapped, and consumed in the diagram by setting a few properties, without having to write any code. Diagram also supports loading data from a List, or IEnumerable collection.

Data binding in Xamarin.Forms diagram.

Ports (Connection Points)

Connect to specific places on a node through different types of ports or connecting points.

Port in Xamarin.Forms diagram.

Labels (Annotation)

Additional information can be shown by adding text or labels on nodes and connectors.

Label Editing in Xamarin.Forms diagram.


You can add and edit text at runtime and mark it read-only if it should not be edited.

Multi Labels in Xamarin.Forms diagram.

Multiple Labels

Add any number of labels and further align them individually.

Label alignments in Xamarin.Forms diagram.


Labels include sophisticated alignment options. Automatically align when a node or connector moves.

Interactive Features

Use interactive features to improve the editing experience of a diagram at run time. You can easily edit a diagram with touchscreen.

Resizing support in Xamarin.Forms diagram.

Resize and rotate

You can resize a node in eight different directions and lock a nodes' aspect ratios to keep its shape. You can also rotate selected nodes at 360 degrees.

Select and drag support in Xamarin.Forms diagram.

Undo, redo, and clipboard

For editing mistakes, undo and redo commands reverse recent changes. The selected object in the diagram can also be cut, copied, and pasted.

Connector Editing Support in Xamarin.Forms diagram.

Connector Editing

You can easily edit the connectors' route by dragging thumbs that are visible after selection.

Z-order Support in Xamarin.Forms diagram.


When multiple objects overlap, z-order controls which object needs to be on top or at the bottom.

Custom User Handle Support in Xamarin.Forms diagram.

Quick commands

Frequently used commands like delete, connect, and duplicate can be shown as buttons near a selector. This makes it easy for users to quickly perform those operations instead of searching for the correct buttons in a toolbox.

Drawing Tool

Draw connectors and connect it with nodes interactively by just touch and move on the drawing area.

Drawing Tools in Xamarin.Forms diagram.

Zoom and Pan Tools

View a large diagram closer or wider by zooming in and out. Also, you can navigate from one region to another by panning through the diagram.

Zoom and Pan Tools in Xamarin.Forms diagram.


Includes a gallery of stencils, besides reusable symbols, and nodes that can be dragged onto the surface of a diagram.

Stencil in Xamarin.Forms diagram.

Overview panel

The overview panel allows you to improve the navigation experience when exploring large diagrams. It displays a small preview of the full diagram page that further allows users to zoom and pan within it.

Overview panel in Xamarin.Forms diagram.


You can save your diagram state in JSON format and load it back later for further editing using the serializer.

Serialization in Xamarin.Forms diagram.


You can export the diagram in PNG and JPEG image file formats.

Save as Images in Xamarin.Forms diagram.


In addition to the above, there are several other features that enhance the diagramming experience.


Gridlines provide guidance when trying to align objects. Precisely align nodes, connectors, and annotations easily while dragging just by snapping to the nearest gridlines.

Grid lines in Xamarin.Forms diagram.


  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS
The most downloaded control (based on the nuget.org download count).

Frequently Asked Questions

Read independent,
authenticated reviews
on G2

Download Now Pricing

What do our customers say about us?

double quotes

A creator of online tutorials for Microsoft technologies, your controls helped to provide a rich user experience. I wanted a look and feel like a Windows Store app and the Tiles are useful for that.
 Microsoft MVP

Microsoft MVP

double quotes

We're using the file formats and Windows/JavaScript list controls a lot. They're fast, easy to use, and the documentation is good and contains examples. Tickets with questions or suggestions were answered within a day, so we're happy to use the Syncfusion libraries.
Daniel Persidok

Daniel Persidok

wpd onshore GmbH & Co. KG

Transform your applications today by downloading our free evaluation version Download Free Trial


Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile