Skip to content
Built for Flutter

Visualize anyWORK FLOWDATA FLOW

A flexible, high-performance node-based flow editor for Flutter. Build workflow editors, visual programming interfaces, and interactive diagrams.

Loading demo...
Quick Start

Simple & Intuitive API

main.dart
Developer Experience

Declarative & Type-Safe

Built for Flutter developers who love clean, maintainable code. Define your nodes, connections, and logic in pure Dart with full type safety.

  • Reactive state with automatic graph updates
  • Strict typing catches errors at compile time
  • Pattern matching for node data handling
  • Comprehensive API documentation
Theming

Designed for Your Brand

Don't settle for default styles. Our comprehensive theming system allows you to customize every pixel - from node borders and shadows to connection colors and grid patterns.

  • Dark & Light mode support out of the box
  • Granular control over ports, labels, and handles
  • Custom shapes for endpoints and markers
  • Consistent theming across all components
Interactions

Fluid Interactions

Make your flows feel tangible. Connections snap into place, nodes glow on selection, and data flow is visualized with beautiful, performant animations.

  • 60fps animations even with complex graphs
  • Connection effects: FlowingDash, Particles, Pulse, Rainbow
  • Drag-and-drop with snap-to-port validation
  • Smooth pan and zoom with momentum
Custom Nodes

Build Any Node You Can Imagine

Create custom node types using standard Flutter widgets. From simple text nodes to complex forms with inputs, dropdowns, and live previews.

  • Use any Flutter widget inside nodes
  • Custom port positions and shapes
  • Dynamic sizing and resizing support
  • Node templates for rapid development
Performance

Built for Scale

Irrespective of the number of nodes, Vyuh Node Flow maintains buttery smooth performance using efficient rendering techniques and virtualization.

  • Virtualized viewport rendering
  • Optimized gesture handling
  • Minimal memory footprint
  • Efficient hit testing algorithms
Capabilities

Everything You Need

Build sophisticated visual editors with a complete toolkit designed for Flutter.

High Performance

Render hundreds of nodes at 60fps with optimized virtualization and efficient canvas rendering.

Custom Themes

Style every aspect of your editor to match your brand identity with comprehensive theming.

Smart Connections

Auto-routing, validation rules, and multiple path styles including Bezier and Smoothstep.

Custom Nodes

Build any node UI with Flutter widgets. Includes Circle, Diamond, and Hexagon shapes out of the box.

MiniMap

Navigate massive graphs with a real-time overview and click-to-pan navigation.

Type-Safe API

Strongly-typed nodes, connections, and graph data with full Dart generics support.

Serialization

Save and load flows from JSON with type-safe deserialization and custom converters.

Connection Effects

Animated effects like FlowingDash, Particle, Pulse, and GradientFlow animations.

Event System

Rich callbacks for all interactions including node moves, connections, and selections.

Annotations

Add sticky notes and documentation directly on the canvas for context.

Group Nodes

Create collapsible groups with nested hierarchies. Align and distribute nodes for clean layouts.

Touch Optimized

Full multi-touch support with pinch zoom, pan gestures, and haptic feedback ready.

Extension System

Modular architecture with plug-and-play extensions for adding features without modifying core.

Auto-Pan

Automatically pan the viewport when dragging nodes or connections near canvas edges.

Level of Detail

Progressive rendering that adapts node complexity based on zoom level for smooth scaling.

Debug Layers

Visual debugging overlays showing hit areas, spatial indices, and performance metrics.

High PerformanceAnnotations & Sticky NotesKeyboard ShortcutsRead-Only ViewerMulti-touch GesturesUndo/Redo SupportAuto PanBezier CurvesNode ShapesBehavior ModesHigh PerformanceAnnotations & Sticky NotesKeyboard ShortcutsRead-Only ViewerMulti-touch GesturesUndo/Redo SupportAuto PanBezier CurvesNode ShapesBehavior Modes
Dark & Light ThemesSnap to GridZoom ControlsDrag SelectionViewport AnimationsInfinite CanvasAlign & DistributeZ-Order ControlsDark & Light ThemesSnap to GridZoom ControlsDrag SelectionViewport AnimationsInfinite CanvasAlign & DistributeZ-Order Controls
Port ValidationEvent CallbacksViewport ControlsGrid StylesNode ResizingConnection EffectsConnection LabelsLock & FreezeLevel of DetailViewport CullingPort ValidationEvent CallbacksViewport ControlsGrid StylesNode ResizingConnection EffectsConnection LabelsLock & FreezeLevel of DetailViewport Culling
Infinite Possibilities

Build Anything

From simple diagrams to complex visual programming environments, Vyuh Node Flow adapts to your needs.

Workflow Automation

Visual step-by-step logic engines

IoT Device Managers

Real-time device network topologies

Visual Coding Tools

Custom node-based programming editors

Chatbot Builders

Dialogue tree and response mapping

Database Design

Schema visualization and relationship mapping

Mind Mapping

Infinite canvas for collaborative ideas

Network Topologies

Cloud infrastructure visualization

Circuit Simulators

Electronic and logic gate simulation

Ready

Ready to Create?

Join developers building next-generation visual editors with Flutter. Production-ready, fully typed, and beautifully designed.