Comparison To React Flow - IRobot1/three-flow-ts GitHub Wiki

This page summarizes how three-flow compares to React Flow Examples

Any examples with strikethrough are out-of-scope. This would be a community or productization effort.

  • - Mini Map

Nodes

  • - Custom nodes
  • - Updating nodes
  • - Stress Test
  • - Hidden
  • - Drag Handle
  • - Easy Connect
  • - Add Node on Edge Drop
  • - Proximity Connect
  • - Node Resizer
  • - Rotate
  • - Dynamic Grouping (Pro)
  • - Intersections - highlight when intersecting
  • - Shapes (Pro)
  • - Connection Limit
  • - Delete middle node

Edges

  • - Custom Edges
  • - Edge Types
  • - Updatable Edge
  • - Connection Line
  • - Edge Marker - so far, only arrows
  • - Delete Edge on Drop
  • - Floating Edges
  • - Simple Floating Edge
  • - Edge Label Render - connector label position

Layout

  • - Sub Flow
  • - Horizontal Flow
  • - Dagre Tree
  • - Auto Layout (Pro)
  • - Force Layout (Pro)
  • - Expand and Collapse
  • - Workflow Builder

Interaction

  • - Interaction Props - some
  • - Drag and Drop
  • - Validation
  • - Prevent Cycles
  • - Undo and Redo (Pro)
  • - Copy and Paste (Pro)
  • - Helper Lines (Pro)
  • - Touch Device
  • - Save and Restore
  • - Collision Detection
  • - Zoom Transition
  • - Collaborative (Pro)
  • - Context Zoom
  • - Context Menu

Styling

  • - Styled Components
  • - Style extensions

Miscellaneous

  • - Download Image
  • - Access internal state