AI Workflow Editor

The AI Workflow Editor template is a Next.js template for getting started quickly with an AI workflow app. It’s based on our workflow editor template, AI SDK and shadcn/ui.

! THIS IS A PRO EXAMPLE. SUBSCRIBE TO https://reactflow.dev/pro TO ACCESS PRO EXAMPLES !

Tech Stack

  • React Flow UI: The project uses React Flow UI for the nodes. These components are designed to help you quickly get up to speed on projects.

  • shadcn CLI: The project uses shadcn CLI to manage UI components. This tool builds on top of Tailwind CSS and shadcn/ui components, making it easy to add and customize UI elements.

  • AI SDK: The template uses AI SDK to provide AI-powered features within the workflow editor.

  • State Management with Zustand: The AI workflow editor template uses Zustand for state management, providing a simple and efficient way to manage the state of nodes, edges, and other workflow-related data.