Repolode
Submit
vercel-labs

vercel-labs/workflow-builder-template

A self-hostable Next.js template for building visual AI workflow automation with drag-and-drop nodes and TypeScript code generation.

Open-source alternative to:Zapier

View on GitHubWebsite
Stars
1,236
Forks
238
Open issues
36
Last commit
3 days ago

What is it?

This template provides a starting point for an AI-driven workflow automation platform. Users build workflows on a drag-and-drop canvas built with React Flow, connecting trigger nodes such as webhooks, schedules, manual runs and database events to action nodes for services like Resend, Slack, Linear, GitHub, Stripe and Firecrawl.

Workflows can be executed from the built-in UI and their runs and per-node logs are tracked. A workflow can also be exported as executable TypeScript using the "use workflow" directive, and natural-language prompts can generate workflow drafts through OpenAI. The project is built on Workflow DevKit as its execution engine.

The stack includes Next.js 16, React 19, shadcn/ui, Drizzle ORM with PostgreSQL, and Better Auth for authentication. It can be deployed to Vercel with one click, which provisions a Neon Postgres database automatically.

Key features

  • 01Drag-and-drop visual workflow editor built on React Flow
  • 02Prebuilt action nodes for Resend, Slack, Linear, GitHub, Stripe and more
  • 03Export workflows as executable TypeScript with the "use workflow" directive
  • 04Generate workflows from natural language prompts using OpenAI
  • 05Execution history and detailed per-node logs

Use cases

  • Prototyping internal automations that send emails or create tickets from events
  • Building a self-hosted workflow builder as a starting point for a product
  • Turning visually designed workflows into TypeScript code for further customization

Quick start

  1. 1

    Create a .env.local file with database and auth settings

  2. 2

    Install dependencies

    pnpm install
  3. 3

    Run database migrations

    pnpm db:push
  4. 4

    Start the development server

    pnpm dev

Things to know

  • You must provide your own PostgreSQL database.
  • AI workflow generation needs an AI Gateway or OpenAI API key.
  • Many integrations require separate third-party accounts and API keys.

In collections

Open-source AI agent frameworks & apps

Topics

#workflow-automation#ai#nextjs#typescript#visual-builder#agents#workflows

FAQ

What is workflow-builder-template?
A self-hostable Next.js template for building visual AI workflow automation with drag-and-drop nodes and TypeScript code generation. This template provides a starting point for an AI-driven workflow automation platform. Users build workflows on a drag-and-drop canvas built with React Flow, connecting trigger nodes such as webhooks, schedules, manual runs and database events to action nodes for services like Resend, Slack, Linear, GitHub, Stripe and Firecrawl.
Is workflow-builder-template free to use? What license does it have?
workflow-builder-template is open source under the Other license. Check the license terms before using it in commercial products.
Is workflow-builder-template still maintained?
Actively maintained. The last commit to workflow-builder-template was on Nov 3, 2026.
What can I use workflow-builder-template for?
Prototyping internal automations that send emails or create tickets from events Building a self-hosted workflow builder as a starting point for a product Turning visually designed workflows into TypeScript code for further customization
How do I install workflow-builder-template?
Create a .env.local file with database and auth settings Install dependencies: pnpm install Run database migrations: pnpm db:push Start the development server: pnpm dev
Where can I get workflow-builder-template?
The source code and installation instructions are on GitHub: https://github.com/vercel-labs/workflow-builder-template

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects