22nd of 4 in AI editors and workflow canvases
editor
Notion-style Nuxt editor with AI completions and optional collaboration
Live demo ↗
(opens in a new tab)Documentation ↗
(opens in a new tab)Repository on GitHub ↗
(opens in a new tab)
- Stars
- 171
- License
- MIT
- Last commit
- Oct 2026
- Language
- TypeScript
Overview
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.
Who it is for: Vue and Nuxt teams adding an AI writing 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
What it needs
- 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
Also in AI editors and workflow canvases
See all 4| Rank | Project | Score |
|---|---|---|
| 1 | plate-playground-templateNext.js rich-text editor template on Plate with AI commands | 54 out of 100 |
| 3 | workflow-builder-templateVisual AI workflow builder on Workflow DevKit with real integrations | 36 out of 100 |
| #4 | tersaNode canvas for chaining text, image and video models via AI Gateway | 25 out of 100 |