Workflow Studio

Workflow Studio is a visual drag-and-drop workflow builder built with React Flow. It lets users create, edit, and visualize node-based automation workflows directly in the browser and export workflow definitions as JSON.

Features

• Build automation workflows with an interactive node canvas.
• Drag, connect, edit, and organize workflow nodes in the browser.
• Visualize workflow structure with React Flow-powered graph controls.
• Export workflow definitions as portable JSON.
• Run as a lightweight Vite-powered frontend project.

Tech Stack

React, Vite, @xyflow/react, JavaScript

Getting Started

Install dependencies:

bash npm install

Start the development server:

bash npm run dev

License

MIT