Pakete, Repositories und App-Kategorien suchen

Paketdetailsv0.32.0

vyuh_node_flow

Ein flexibler, leistungsstarker knotenbasierter Fluss-Editor für Flutter. Erstellen Sie visuelle Programmierschnittstellen, Workflow-Editoren, Diagramme und Datenpipelines.

AndroidiOSWebmacOSWindowsLinux
30-Tage-Downloads
6920
Likes
168
Pub-Punkte
150

Paket installieren

flutter pub add vyuh_node_flow

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Vyuh Node Flow ist ein leistungsstarker, flexibler, knotenbasierter Fluss-Editor für Flutter, der Entwicklern ermöglicht, visuelle Programmierschnittstellen, Workflow-Editoren, Diagramme und Datenpipelines zu erstellen. Er bietet eine intuitive Drag-and-Drop-Oberfläche zum Aufbau miteinander verbundener Knoten mit anpassbaren Eingaben, Ausgaben und Verbindungen. Für den plattformübergreifenden Einsatz konzipiert, unterstützt er Android, iOS, Web, macOS, Windows und Linux. Das Paket eignet sich ideal für Anwendungen, die eine dynamische visuelle Darstellung von Logik erfordern, wie beispielsweise Low-Code-Tools, Datenverarbeitungswerkflüsse oder interaktive Diagrammsysteme.

Anwendungsfälle

  • Visuelle Programmierschnittstellen
  • Workflow- und Prozessgestaltung
  • Datapipeline-Vizualisierung
  • interaktive Diagramm-Editoren
  • Low-Code-Anwendungsentwicklung

Hauptmerkmale

  • Drag-and-Drop-Knotenmanipulation
  • Anpassbare Knotenvorlagen
  • Echtzeit-Verbindungsverwaltung
  • Plattformübergreifende Kompatibilität
  • Leistungsstarkes Rendern
  • erweiterbare Plugin-Architektur

Geeignet für

  • Entwickler, die interaktive Diagramm-Tools erstellen
  • Teams, die Low-Code-Plattformen erstellen
  • Bildliche Logik in Bildung-Apps
  • Datenfluss- und Pipelinensichtbarkeit
  • UI-intensive Anwendungen, die knotenbasierte Workflows erfordern

Hinweise

  • Erfahrung mit knotenbasiertem Logikdesign erforderlich
  • Für komplexe Benutzeroberflächen kann eine benutzerdefinierte Gestaltung erforderlich sein
  • Die Leistung hängt von der Anzahl der Knoten und der Komplexität ab
  • Eingeschränkte integrierte Knotentypen (erweiterbar über Plugins)
  • Die Einrichtung erfordert möglicherweise eine Lernkurve für neue Benutzer

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

Vyuh Node Flow

Vyuh Node Flow Banner

A flexible, high-performance node-based flow editor for Flutter applications, inspired by React Flow. This monorepo contains the core library and demo application.

Pub Version License Live Demo

📦 Packages

This repository is organized as a Dart workspace with the following packages:

vyuh_node_flow

The core Flutter package providing the node-based flow editor functionality.

Features:

  • High-performance reactive rendering with MobX
  • Level of Detail (LOD) for automatic visual simplification at zoom levels
  • Type-safe node data with generics
  • Fully customizable themes for nodes, connections, and ports
  • Flexible port system with multiple shapes and positions
  • Connection animation effects (flowing dashes, particles, gradients, pulse)
  • Multiple connection styles (bezier, smoothstep, straight, step) with customizable endpoints
  • AutoPan when dragging near viewport edges
  • Viewport animations for smooth navigation transitions
  • Annotations (sticky notes, markers, groups)
  • Built-in minimap for navigation
  • Comprehensive keyboard shortcuts
  • Read-only viewer mode
  • JSON serialization for saving/loading flows
  • Extension architecture for modular, pluggable features

Installation:

dependencies:
  vyuh_node_flow: <latest version>
demo

A comprehensive demo application showcasing all features of the Vyuh Node Flow editor.

Includes:

  • Interactive workbench with full editor controls
  • Multiple example workflows (manufacturing, healthcare, IoT, etc.)
  • Theme customization controls
  • Layout and alignment tools
  • Connection validation examples
  • Annotation demonstrations

Try it online: 🚀 Live Demo

🚀 Getting Started

Prerequisites
  • Flutter SDK 3.32.0 or higher
  • Dart SDK 3.9.0 or higher
Development Setup

This project uses Melos for workspace management.

  1. Clone the repository:

    git clone https://github.com/vyuh-tech/vyuh_node_flow.git
    cd vyuh_node_flow
    
  2. Install dependencies:

    dart pub get
    
  3. Bootstrap the workspace:

    dart run melos bootstrap
    
  4. Run the demo:

    cd packages/demo
    flutter run -d chrome
    

Documentation

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.


Made with ❤️ by the Vyuh Team

Kategorien

Abhängigkeiten

Abhängigkeiten 7 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.