Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de fl_nodes
Detalhes do pacotev0.5.0+1

fl_nodes

Um pacote leve, escalável e altamente personalizável que capacita desenvolvedores Flutter a criar interfaces de usuário dinâmicas, interativas e visualmente atraentes baseadas em nós.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
34
Curtidas
61
Pontos Pub
130

Instalar pacote

flutter pub add fl_nodes

Visão geral do pacote

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

fl_nodes é um pacote leve e altamente personalizável do Flutter projetado para criar interfaces de usuário dinâmicas e interativas baseadas em nós. Permite aos desenvolvedores criar diagramas e fluxos visuais atraentes com facilidade, oferecendo recursos como arrastar e soltar nós, conexões e atualizações em tempo real. Ideal para aplicações que exigem representação visual de lógica, como fluxogramas, pipelines de dados ou ferramentas de design. O pacote é escalável e funciona em todas as principais plataformas, incluindo móvel, web e desktop.

Casos de uso

  • Criando fluxogramas interativos
  • Construindo visualizações de pipeline de dados
  • Designando ferramentas de diagramação
  • Implementando editores de fluxo de trabalho
  • Desenvolvendo interfaces de programação visual

Principais recursos

  • Interações de nó com arrastar e soltar
  • Estilo personalizável de nó e conexão
  • Atualizações em tempo real da interface
  • Compatibilidade multiplataforma
  • arquitetura escalável
  • Sistema de plug-in extensível

Indicado para

  • Designers de UI/UX usando Flutter
  • Desenvolvedores construindo editores visuais
  • Criadores de aplicativos educacionais
  • Ferramentas de automação de fluxo de trabalho
  • Projetos de visualização de dados

Considerações

  • Requer conhecimento de lógica baseada em nós
  • Pode ser necessário otimização de desempenho para gráficos grandes
  • A personalização de estilo exige familiaridade com widgets do Flutter
  • Modelos internos limitados
  • Mais adequado para diagramas interativos de médio a grande escala

README original

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

🏗️ FlNodes Framework

Dart Flutter Maintained Melos

Pub Downloads Likes Stars Repo Size

What do you think of badges? YES!

The FlNodes Framework is a modular, scalable ecosystem for building sophisticated node-based applications in Flutter. Designed for developers who need professional-grade visual editors, workflow tools, and graph-based interfaces, FlNodes provides a complete solution from low-level rendering to high-level abstractions.

  FlNodes Example

A screenshot from our visual scripting example app

💡 Use Cases

Whether you're building tools for developers, designers, or end-users, FlNodes provides the building blocks for:

  • 🎮 Visual Scripting Editors – Game logic, automation flows, or state machines.
  • 🛠 Workflow & Process Designers – Business rules, decision trees, and automation paths.
  • 🎨 Shader & Material Graphs – Build custom shaders visually.
  • 📊 Dataflow Tools – ETL pipelines, AI workflows, and processing graphs.
  • 🤖 ML Architecture Visualizers – Visualize and configure neural networks.
  • 🔊 Modular Audio Systems – Synthesizers, effect chains, or sequencing tools.
  • 🧠 Graph-Based UIs – Mind maps, dependency trees, and hierarchical structures.

🏗️ Framework Architecture

The FlNodes Framework is organized as a monorepo with specialized packages:

📦 Core Packages

  • fl_nodes_core – The engine that powers the FlNodes Framework.

  • fl_nodes – A proxy export package that maintains backward compatibility with earlier versions of the FlNodes framework.

🔌 Coming Soon
  • fl_nodes_visual_scripting
  • fl_nodes_mind_maps
  • fl_nodes_flow_graphs

📚 Getting Started

For a fast and easy setup, check out our Quickstart Guide. It covers the basics to get you up and running with FlNodes in no time!

If you're migrating from an earlier version, the fl_nodes package maintains backward compatibility while providing access to the new modular architecture.

📦 Installation

Choose the package that fits your needs:

dependencies:
  # For most users - high-level API with full features
  fl_nodes: ^latest_version

  # For advanced users needing low-level control
  fl_nodes_core: ^latest_version

Regardless of the package you choose you must add the following asset:

flutter:
  shaders:
    - packages/fl_nodes_core/shaders/grid.frag

Then, run:

flutter pub get

🧩 Examples & Demo

Explore fully working examples:

🕹️ Current input support

Legend:

  • ✅ Supported
  • ❌ Unsupported
  • ⚠️ Partial
  • 🧪 Untested
🖥️Desktop and 💻 laptop: Windows Linux macOS
native/mouse ✅ ✅ ✅
native/trackpad ✅ 🧪 ✅
web/mouse ✅ ✅ ✅
web/trackpad ✅ ✅ 🧪
📱Mobile Android iOS
native ✅ 🧪
web ✅ 🧪

🙌 Contributing

We'd love your help in making FlNodes even better! You can contribute by:

📜 License

FlNodes is open-source and released under the MIT License. Contributions are welcome!

🚀 Let's Build Together!

Enjoy using FlNodes and create amazing node-based UIs for your Flutter apps and/or get involved in library's development! 🌟

Made with contrib.rocks.

Categorias

Gráficos e Visualização

Dependências

Lista de dependências 4 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.