33rd of 4 in AI editors and workflow canvases

workflow-builder-template

Visual AI workflow builder on Workflow DevKit with real integrations

Stars
1.2k
License
Apache-2.0
Last commit
Jan 2026
Language
TypeScript

Overview

Next.js 16 app with a React Flow canvas, Monaco editor, Better Auth, Drizzle on Postgres and Workflow DevKit execution. Trigger nodes (webhook, schedule, manual, database event) feed plugins for AI Gateway, Resend, Linear, Slack, GitHub, Stripe, Firecrawl, Perplexity, fal.ai, Clerk, Blob, v0, Webflow and Superagent; workflows can be generated from a prompt and exported as TypeScript with the use workflow directive.

Who it is for: Teams building a Zapier-style AI automation product

Strengths

  • Fourteen integration plugins with executable step code, not mocks
  • Workflows export to TypeScript with the use workflow directive
  • Execution history and per-node logs stored in Postgres
  • Better Auth and Drizzle already wired

Weaknesses

  • Each integration needs its own API key
  • AI generation goes through Vercel AI Gateway only
  • Last commit 2026-01
  • Built on Workflow DevKit; swapping the engine is a rewrite

What it needs

  • TypeScript, Vercel AI Gateway (OpenAI GPT-5)
  • Needs PostgreSQL, Vercel AI Gateway API key, integration API keys (Resend, Linear, Slack, Stripe and others)
  • GitHub template
  • sign-in: Better Auth

Also in AI editors and workflow canvases

See all 4
Also in AI editors and workflow canvases
RankProjectScore
1plate-playground-templateNext.js rich-text editor template on Plate with AI commands241 stars, MIT54 out of 100
2editorNotion-style Nuxt editor with AI completions and optional collaboration Live demo ↗ (opens in a new tab)171 stars, MIT50 out of 100
#4tersaNode canvas for chaining text, image and video models via AI Gateway1k stars, MIT25 out of 100