For AI agents: the complete documentation index is at llms.txt. Remove the trailing slash from a page URL and append .md to read its Markdown version. For the docs home, use index.md.
Newxy is now in Reflex Build (opens in a new tab)
Reflex LogoDocs Logo

Basic Flow Example

This example demonstrates a simple flow diagram with three nodes and two edges, showing how nodes can be connected and how edges can be animated.

Nodes

  • Input Node – starting point
  • Default Node – standard content node
  • Output Node – endpoint of the flow

Edges

  • Input → Default (animated)
  • Default → Output

Interactivity

  • Nodes can be moved
  • Edges update dynamically
  • Users can drag from handles to create new edges
  • Zoom, pan, and mini-map controls are available

Visual Layout

  • Flow fits viewport automatically
  • Background grid for orientation
  • Light and dark color modes supported

Example Flow

Start Building Now!
Mini Map
React Flow