AI editors and workflow canvases

Rich-text editors with AI commands and node-based canvases for chaining model calls.

plate-playground-template leads with 54, ahead of editor (50) and workflow-builder-template (36). 4 projects ranked by score.

The ranking

AI editors and workflow canvases: full ranking
RankProjectAdoptionFreshnessMaintenanceEasy to runAgent-readyScore
1plate-playground-templateNext.js rich-text editor template on Plate with AI commands241 stars, MIT, last commit Oct 20262310055338554 out of 100
2editorNotion-style Nuxt editor with AI completions and optional collaboration Live demo ↗ (opens in a new tab)171 stars, MIT, last commit Oct 202651003367050 out of 100
3workflow-builder-templateVisual AI workflow builder on Workflow DevKit with real integrations1.2k stars, Apache-2.0, last commit Jan 202668350333036 out of 100
#4tersaNode canvas for chaining text, image and video models via AI Gateway1k stars, MIT, last commit Feb 2026506000025 out of 100

Momentum, Verified build, Docs and Privacy are not measured yet; their weight goes to the signals shown. A dash means the signal is not scored for that kind of project. Hover a number for its rating in words.

Reviews

154 out of 100

plate-playground-template

Next.js rich-text editor template on Plate with AI commands

241 stars, MIT, last commit Oct 2026

Next.js 16 template with the Plate editor, shadcn/ui and the Plate AI kit (installable via npx shadcn add @plate/editor-ai), plus an MCP component config. Uploads go through UploadThing with a development-only check in src/lib/uploadthing.ts; AI calls use an AI Gateway key the user enters in editor settings, routed through example API routes. For teams wanting a Notion-style editor with AI inside a React app.

Strengths

  • Plate AI editor installable with one shadcn command
  • UploadThing file uploads already wired
  • AI routes use the caller's key, so no shared server credential by default

Weaknesses

  • Upload auth is a development stub; replace before production
  • Per-user AI usage limits are left to you
  • README is short; features are documented on platejs.org
  • No tests; requires bun
  • Python, Vercel AI Gateway via AI SDK
  • Needs UploadThing token, Vercel AI Gateway key (user-supplied)
  • GitHub template
  • env example file
250 out of 100

editor

Notion-style Nuxt editor with AI completions and optional collaboration

Live demo ↗ (opens in a new tab)171 stars, MIT, last commit Oct 2026

Nuxt template on the Nuxt UI Editor component and TipTap: headings, tables, slash commands, drag handle, mentions, emoji, markdown output and image upload via NuxtHub Blob. AI features (inline completions, continue, fix grammar, extend, simplify, summarize, translate) stream through AI SDK useCompletion and Vercel AI Gateway; collaboration uses Y.js with PartyKit. Scaffold with npm create nuxt -t ui/editor.

Strengths

  • AI, blob storage and collaboration are each optional and env-gated
  • One AI Gateway key instead of per-provider keys
  • Collaboration via Y.js, swappable from PartyKit to Liveblocks or Tiptap
  • Live demo at editor-template.nuxt.dev

Weaknesses

  • No auth or document persistence; content is not saved server-side
  • Collaboration requires deploying a separate PartyKit server
  • Translate supports English, French, Spanish and German only
  • No tests
  • TypeScript, Vercel AI Gateway via AI SDK useCompletion
  • Needs Vercel AI Gateway key (optional), Blob storage: Vercel Blob, R2 or S3 (optional), PartyKit (optional)
  • GitHub template
  • env example file
336 out of 100

workflow-builder-template

Visual AI workflow builder on Workflow DevKit with real integrations

1.2k stars, Apache-2.0, last commit Jan 2026

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.

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
  • 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
#425 out of 100

tersa

Node canvas for chaining text, image and video models via AI Gateway

1k stars, MIT, last commit Feb 2026

Next.js 15 app with a ReactFlow canvas where you connect text, image and video nodes and run them through the Vercel AI SDK Gateway (25+ providers), with streaming output, reasoning display, cost indicators and TipTap for rich text. Canvas state persists in browser local storage; media goes to Vercel Blob. For developers who want a visual model playground to fork; no auth, database or server-side workflow storage.

Strengths

  • One AI Gateway key reaches text, image and video models from 25+ providers
  • Relative cost indicators and reasoning output per model
  • ReactFlow, TipTap, shadcn/ui and Kibo UI already composed

Weaknesses

  • Workflows live only in browser local storage
  • No auth or multi-user support
  • Vercel Blob required for media; Vercel-centric
  • Last commit 2026-02; no tests
  • TypeScript, Vercel AI SDK Gateway
  • Needs Vercel AI Gateway credentials, Vercel Blob

Written from each project's README and checked facts. Spot something wrong? Report it on GitHub (opens in a new tab).