Agentic Flow is a high-fidelity, interactive web application that provides a stunning visual representation of complex AI agent workflows. Built with a premium dark-theme design philosophy, it features an infinite canvas where modular AI agents (nodes) and their execution paths (edges) are dynamically mapped out over a double-diamond schema..
- Infinite Interactive Canvas: A draggable, zoomable grid viewport powered by custom SVG edge routing.
- Dynamic Layout Engine: Programmatically computes node positions and edge routes based on state.
- Micro-animations & Visualizations: Includes glowing data threads, custom confetti celebrations upon completion, and glassmorphism ui overlays.
- Intelligence Layer Panel: Clickable agent nodes reveal an elegant side panel detailing the specific tools, roles, and schema logic associated with each AI agent.
- Modern Tech Stack: Built with React 19, Vite, Tailwind CSS 4, and Zustand for robust global state management.
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open the application: Navigate to the local URL provided by Vite (usually
http://localhost:5173).