Flutter native

Turn complex systems into clear, interactive flows.

A production-ready node editor for Flutter. Shape workflows, visual programming tools, system maps, and any experience where connections matter.

Get Started Live Demo

Typed: Pure Dart APIs
Native: Flutter widgets
Scalable: LOD + culling

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Opt-in progressive rendering for graph-heavy experiences that need an adaptive overview.

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.

Visual step-by-step logic engines

Real-time device network topologies

Custom node-based programming editors

Dialogue tree and response mapping

Schema visualization and relationship mapping

Infinite canvas for collaborative ideas

Cloud infrastructure visualization

Electronic and logic gate simulation

Community showcase

What people are building

Real tools, experiments, and products made with Vyuh Node Flow. Share yours and help the next builder see what is possible.

Submit your project

@vyuh_tech

Vyuh Workflow Editor

A visual workflow editor for building BPMN-inspired workflows in Flutter, powered by Vyuh Node Flow.

Explore the project

@definev2

Zen Router Dev Tools

A Flutter DevTools extension for exploring route graphs in real time, testing deep links, and debugging navigation with Vyuh Node Flow.

Explore the project

Ready

Ready to Create?

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

Read the Docs View on pub.dev Star on GitHub