Workflow Builder Template

Stale
GitHub TypeScript NOASSERTION

Description

An AI workflow builder template from Vercel Labs with visual workflow orchestration. Built on Next.js and Vercel AI SDK with drag-and-drop design.

Key Features

  • Visual drag-and-drop workflow builder powered by React Flow for intuitive orchestration
  • Workflow DevKit integration — convert visual workflows to executable TypeScript with "use workflow" directive
  • Rich pre-built integrations: Resend email, Linear tickets, Slack, Stripe, Firecrawl scraping, and more
  • AI-powered workflow generation — create workflows automatically from natural language descriptions
  • Complete execution tracking system for monitoring workflow runs and detailed logs
  • One-click Vercel deployment with automatic Neon PostgreSQL database and auth setup

Use Cases

💡 Rapidly build AI-driven business automation platforms (email, tickets, notifications)
💡 Generate executable TypeScript workflow code from natural language descriptions
💡 Connect multiple third-party services to build complex multi-step automation pipelines
💡 Use as a template to build custom workflow orchestration platforms
💡 Monitor and audit execution history and detailed logs for all workflows

Tags

workflow vercel nextjs ai-sdk visual-editor

Categories

🔄 Workflow

Quick Start

Click the Deploy with Vercel button for one-click deployment, or locally pnpm install && pnpm db:push && pnpm dev, visit http://localhost:3000
Visit GitHub

Related Projects

Related Articles

AI Agent工作流编排DAG

Agent Workflow Orchestration in Practice: Production Patterns from DAG to State Machines

Most agent workflows fail at the orchestration layer, not the model. A practical comparison of DAG, state machine, and visual builder approaches with production-ready code for error handling, human approval gates, and conditional branching.

Read more →