Make the complex flow. FlowForge gives your next automation product a considered visual foundation: warm paper surfaces, precise graph connections, quiet semantic colors, and editorial typography.
Start from two realistic sample workflows, drag in a trigger, add an AI agent, branch with a condition, and finish with an action. Inspect node settings, connect paths, and run a deterministic local simulation with a readable step-by-step log. The experience is functional in the browser, with no backend account or API key required.
The product includes readable React and TypeScript source, Tailwind CSS v4 integration, 15 reusable components, a responsive demo and component showcase, semantic theme tokens, versioned JSON import/export, tests, documentation, dependency notices, and eight screenshot-based gallery images. Use the source as the foundation of your own workflow editor and connect it to your own services.
AI and service behavior are simulated. FlowForge is a UI component product and demo, not a hosted automation service or production execution backend.
Feature highlights
- React Flow graph canvas with draggable nodes and connectable handles
- Trigger, AI agent, condition, and action node families
- Solid and dashed connections with yes/no branch labels
- Searchable node palette with click-to-add alternative
- Editable properties inspector and execution log
- Toolbar, zoom/fit controls, and pannable minimap
- Validated version 1 JSON import and export
- Two sample workflows and interactive component showcase
- Light and dark semantic themes
- Responsive stacked layout and reduced-motion support
- Keyboard focus, node movement, and deletion
- Worst-case data fixture and automated validation scripts
