logo

X6

  • Tutorials
  • API
  • Examples
  • Q&A
  • Change Log
  • XFlow
  • Productsantv logo arrow
  • 2.x
  • start
    • Introduction
    • Quick Start
  • component
    • XFlowGraph Canvas
    • Background
    • Grid
    • Clipboard Copy and Paste
    • History Undo Redo
    • Minimap
    • Snapline Alignment Lines
    • Transform
    • Control Controller
  • Hook
    • useGraphInstance
    • useGraphStore
    • useGraphEvent
    • useDnd
    • useClipboard
    • useExport
    • useHistory
    • useKeyboard
  • Store

Introduction

Next
Quick Start

Resources

Ant Design
Galacea Effects
Umi-React Application Framework
Dumi-Component doc generator
ahooks-React Hooks Library

Community

Ant Financial Experience Tech
seeconfSEE Conf-Experience Tech Conference

Help

GitHub
StackOverflow

more productsMore Productions

Ant DesignAnt Design-Enterprise UI design language
yuqueYuque-Knowledge creation and Sharing tool
EggEgg-Enterprise-class Node development framework
kitchenKitchen-Sketch Tool set
GalaceanGalacean-互动图形解决方案
xtechLiven Experience technology
© Copyright 2025 Ant Group Co., Ltd..备案号:京ICP备15032932号-38

Loading...

You are reading the documentation for XFlow 2.0

  • XFlow 1.x will stop maintenance on December 31, 2023. For more details, see the XFlow 1.x Tutorial

What is XFlow

XFlow is an application-level solution based on the X6 graph editing engine, designed for users of the React technology stack. It allows you to develop graph editing applications as easily as using React components, helping you efficiently create user interfaces. Whether for simple or complex interfaces, XFlow can handle it all.

XFlow Features

🚀 Extremely Easy to Use: No complex concepts, just use it like React components.
🛠️ Comprehensive Support: Built-in commonly used graph editing components.
📦 Ready to Use: Provides mature solutions for DAG graphs, ER diagrams, flowcharts, and more.

How to Communicate

If you have any questions, suggestions, feedback, or wish to communicate, you can contact us through the following methods:

  • Official Recommendation: GitHub issues
  • Email: antv@antfin.com
  • Yuque Column: https://www.yuque.com/antv/blog
XFlow Graph Visualization Communication Group

How to Contribute

If you encounter any issues while using, please first check the issues to see if there are similar bugs or suggestions.

Before reporting a bug, please ensure you have searched existing issues and read our FAQ.

To submit code, please follow our Contribution Guidelines.

Contributors