Skip to Content
UITemplates

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 template. Get all pro examples, templates, 1:1 support from the xyflow team and prioritized Github issues with a React Flow Pro subscription.

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.

Last updated on