Helix is a visual workflow designer for AI agents and multi-agent systems, built with Phoenix and React Flow. It provides an intuitive drag-and-drop interface for planning and designing multi-agent workflows, with real-time collaboration powered by websockets.

Note: Helix is an early-stage project in active development. Current functionality is limited, with workflows stored in localStorage. It is not yet feature-complete.

I’m sharing this work hoping to gather some early feedback.

Key Features

• Node-based workflow design with customizable nodes and connections

• Real-time multi-user collaboration via Phoenix Channels (doesn’t have proper user management or access controls – I am working on designing the data model)

• Modern UI with light/dark themes and responsive design

• Workflow management (save, load, duplicate) with local persistence.

• Export to PNG

Future Plans

The primary goal is to use Helix for AI workflow planning and later add a JSON/DSL export to be used with other libraries that could provide execution. In the long term, I could add some execution for testing purposes but that’d come with its own complexity thus for the time being I am just focusing on the diagramming aspect.

Tech Stack

• Backend: Elixir 1.17+, Phoenix, PostgreSQL

• Frontend: React, TypeScript, React Flow, TailwindCSS

• Real-time: Phoenix Channels with GenServer session management

• Testing: ExUnit, Jest, Playwright

Notes

I’m aware this project does not use LiveView, which is often the preferred approach in the Elixir community. If React is not of interest here, I completely understand. That said, I’d especially value JavaScript/React feedback from those familiar with the ecosystem.

Currently, workflows are for planning and design only (not executable yet).

Requirements

• Elixir 1.17+

• Node.js 18+

• PostgreSQL 14+

Screenshot 2025-09-14 at 00.13.131200×711 30.6 KB

Links

• Hex: Not yet published

• Documentation: Available in README

https://github.com/ccarvalho-eng/helix