Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev0.32.0

vyuh_node_flow

Um editor de fluxo baseado em nós flexível e de alto desempenho para Flutter. Crie interfaces de programação visual, editores de fluxo de trabalho, diagramas e pipelines de dados.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
6,9 mil
Curtidas
168
Pontos Pub
150

Instalar pacote

flutter pub add vyuh_node_flow

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Vyuh Node Flow é um editor de fluxo baseado em nós de alto desempenho e flexível para Flutter, permitindo que desenvolvedores criem interfaces de programação visual, editores de fluxo de trabalho, diagramas e pipelines de dados. Oferece uma interface intuitiva de arrastar e soltar para criar nós interconectados com entradas, saídas e conexões personalizáveis. Projetado para uso multiplataforma, suporta Android, iOS, Web, macOS, Windows e Linux. O pacote é ideal para aplicações que exigem representação visual dinâmica da lógica, como ferramentas de baixo código, fluxos de processamento de dados ou sistemas interativos de diagramação.

Casos de uso

  • Interfaces de programação visual
  • Design de fluxo de trabalho e processo
  • visualização de pipeline de dados
  • editores de diagramas interativos
  • Desenvolvimento de aplicativos de baixo código

Principais recursos

  • Manipulação de nó por arrastar e soltar
  • Modelos de nó personalizáveis
  • Gerenciamento de conexão em tempo real
  • Compatibilidade multiplataforma
  • Renderização de alto desempenho
  • arquitetura de plugin extensível

Indicado para

  • Desenvolvedores construindo ferramentas de diagrama interativas
  • Equipes criando plataformas de baixo código
  • Aplicativos educacionais com lógica visual
  • Visualização de fluxo de dados e pipeline
  • aplicações com interface intensiva que exigem fluxos de trabalho baseados em nós

Considerações

  • Requer conhecimento de design de lógica baseado em nós
  • Pode ser necessário estilização personalizada para interfaces complexas
  • O desempenho depende do número de nós e da complexidade
  • Tipos de nó internos limitados (extensíveis por meio de plugins)
  • A configuração inicial pode exigir uma curva de aprendizado para novos usuários

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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

Categorias

Gráficos e Visualização

Dependências

Lista de dependências 7 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.