Application Developers
Building internal tools, CMS platforms, or SaaS products that need a visual workflow builder. You want a drop-in editor, not a workflow engine.
FlowDrop
A drop-in visual workflow editor for any web application. You own the backend. You own the data. You own the orchestration.
Who is FlowDrop For?
Section titled “Who is FlowDrop For?”AI/ML Engineers
Designing agent pipelines, RAG workflows, or tool-calling chains. FlowDrop visualizes the orchestration graph while you control execution.
Platform Teams
Creating self-service automation platforms where non-technical users design workflows through a visual interface.
Why FlowDrop?
Section titled “Why FlowDrop?”Most workflow tools are SaaS platforms that lock you in. Your data lives on their servers, your execution logic runs in their cloud, and you pay per workflow, per user, per run.
FlowDrop is different. It is a pure visual editor component library. You implement the backend. You control the orchestration. Your workflows run on your infrastructure, with your security policies, at your scale. No vendor lock-in. No data leaving your walls.
Features
Section titled “Features”Visual Workflow Editor
Drag-and-drop node-based editor with 7 built-in node types, real-time validation, and auto-layout.
Backend Agnostic
Pure UI component library — connect to any API: Drupal, Laravel, Express, FastAPI, or your own.
Agent Spec Support
Import and export workflows in Agent Spec format — an open standard for AI agent definitions — with full bidirectional conversion.
Dynamic Forms
Auto-generate configuration forms from JSON Schema with support for dynamic fields, UISchema layout, and autocomplete.
Plugin System
Extensible registries for custom node types, workflow formats, and form field components.
Human-in-the-Loop
Pause workflows for human approval, input, choices, or review with a built-in interrupt system.
Interactive Playground
Test workflows interactively with a chat interface, session management, and real-time execution feedback.
Framework Flexible
Use as a native Svelte component or mount into React, Vue, Angular, or vanilla JS applications.
Learning Path
Section titled “Learning Path”New to FlowDrop? Follow this path:
- What is a Workflow? — Understand the mental model
- Installation — Get FlowDrop running
- Tutorial — Build your first workflow editor in 5 steps
- Backend: Express.js — Set up a working backend in 15 minutes
- Architecture Overview — See how all the pieces fit together