11st of 4 in AI editors and workflow canvases
plate-playground-template
Next.js rich-text editor template on Plate with AI commands
- Stars
- 241
- License
- MIT
- Last commit
- Oct 2026
- Language
- Python
Overview
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.
Who it is for: React teams adding an AI rich-text editor
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
What it needs
- Python, Vercel AI Gateway via AI SDK
- Needs UploadThing token, Vercel AI Gateway key (user-supplied)
- GitHub template
- env example file
Also in AI editors and workflow canvases
See all 4| Rank | Project | Score |
|---|---|---|
| 2 | editorNotion-style Nuxt editor with AI completions and optional collaboration | 50 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 |