Rich-text editor with AI and shadcn/ui
Plate is a React-based rich-text editor framework built on Slate that combines a plugin architecture with shadcn/ui components to help developers construct WYSIWYG editing experiences. It exposes an MCP server, making its editor capabilities accessible to Claude through the Model Context Protocol. The framework ships with a plugin system covering editor behaviors, serialization, normalization, and hooks, plus a CLI for scaffolding components styled via shadcn/ui. Three starter templates are available, ranging from a minimal setup to a Notion-like full-stack template that includes AI features and a backend. Developers building content-rich React applications benefit most, as they can integrate Claude into editing workflows through MCP rather than wiring up AI tooling from scratch. With over 16,000 GitHub stars, the project has substantial community adoption and offers a Radix UI-based primitive layer for teams that prefer headless, accessible building blocks over pre-styled components.
- ✓License: NOASSERTION
- ✓Actively maintained (<30d)
- ✓Healthy fork ratio
- ✓Clear description
- ✓Topics declared
- ✓Mature repo (>1y old)
git clone https://github.com/udecode/plate{
"mcpServers": {
"plate": {
"command": "node",
"args": ["/path/to/plate/dist/index.js"]
}
}
}MCP Servers overview
<h1 align="center"> Plate </h1> <p> <div align="center"> <a href="https://www.npmjs.com/package/@platejs/core"><img src="https://img.shields.io/npm/dm/@platejs/core.svg" alt="Total Downloads"></a> <a target="_blank" href="https://github.com/udecode/plate/releases/latest"><img src="https://img.shields.io/github/v/release/udecode/plate" /></a> <a target="_blank" href="CONTRIBUTING.md"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs Welcome"></a> <a target="_blank" href="https://discord.gg/mAZRuBzGM3"><img src="https://img.shields.io/badge/chat-on%20discord-7289da.svg?sanitize=true" /></a> <a target="_blank" href="https://github.com/udecode/plate/blob/main/LICENSE"><img src="https://badgen.now.sh/badge/license/MIT" /></a> </div> [//]: # ' <a target="_blank" href="https://platejs.org/docs/playground" alt="Live Demo"><img src="https://img.shields.io/badge/Live%20Demo-blue" /></a>' [//]: # 'Welcome to Plate, a rich-text editor framework designed for simplicity and efficiency. Plate consists of four main parts:' [//]: # [//]: # "1. **Core**: This is the heart of Plate. It's a special plugin system just for `slate-react`. We've made sure everything is neat and tidy, so it's easier for you to develop your project." [//]: # '2. **Plugins**: We give you a big selection of plugin packages. They help make editor behaviors, hooks, serialization, and normalization better, among other things.' [//]: # '3. **Primitives**: Besides the headless plugins, we also provide primitive hooks and components built on top of [Radix UI](https://www.radix-ui.com/). These are **unstyled** and accessible parts for making great design systems.' [//]: # '4. **Components**: We know a good-looking start is important. So, we give you components created with Plate CLI and [shadcn/ui](https://ui.shadcn.com/). Use these as a starting point to create your own component library.' ## Templates You can choose one of the following templates to get started: | Option | Plate | Plugins | AI | Backend | | --------------------------------------------------------------------------------- | ----- | ------- | --- | ------- | | [Notion-like template](https://pro.platejs.org/docs/templates/potion) | ✅ | ✅ | ✅ | ✅ | | [Plate playground template](https://github.com/udecode/plate-playground-template) | ✅ | ✅ | ✅ | | | [Plate minimal template](https://github.com/udecode/plate-template) | ✅ | | | | ## Documentation You can learn more about Plate by checking out our [documentation](https://platejs.org/docs). ## Contributing To get started, check out our [contributing guide](CONTRIBUTING.md). ### Contributors We'd love for you to join us! Whether it's through giving us a 🌟 star, making a 📥 pull request, or **sharing your plugins**, your help is always appreciated. [](https://star-history.com/#udecode/plate&Date) Need more help? Join us on [Discord](https://discord.gg/mAZRuBzGM3). We're always here to guide you. ## 中文文档 您可以通过查看我们的[中文文档](tooling/cn/README.md)了解更多关于Plate的信息。如果您需要中文支持,欢迎加入我们的[Discord](https://discord.gg/mAZRuBzGM3)中文频道,我们的社区成员将很乐意用中文为您解答问题。 对于贡献者,我们也提供了[中文贡献指南](tooling/cn/CONTRIBUTING.md),帮助您参与到Plate的开发中。
What people ask about plate
What is udecode/plate?
+
udecode/plate is mcp servers for the Claude AI ecosystem. Rich-text editor with AI and shadcn/ui It has 16.3k GitHub stars and was last updated 2d ago.
How do I install plate?
+
You can install plate by cloning the repository (https://github.com/udecode/plate) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.
Is udecode/plate safe to use?
+
Our security agent has analyzed udecode/plate and assigned a Trust Score of 100/100 (tier: Verified). See the full breakdown of passed checks and flags on this page.
Who maintains udecode/plate?
+
udecode/plate is maintained by udecode. The last recorded GitHub activity is from 2d ago, with 26 open issues.
Are there alternatives to plate?
+
Yes. On ClaudeWave you can browse similar mcp servers at /categories/mcp, sorted by popularity or recent activity.
Deploy plate to your cloud
Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.
Maintain this repo? Add a badge to your README
Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.
[](https://claudewave.com/repo/udecode-plate)<a href="https://claudewave.com/repo/udecode-plate"><img src="https://claudewave.com/api/badge/udecode-plate" alt="Featured on ClaudeWave: udecode/plate" width="320" height="64" /></a>More MCP Servers
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.
User-friendly AI Interface (Supports Ollama, OpenAI API, ...)
An open-source AI agent that brings the power of Gemini directly into your terminal.
The fastest path to AI-powered full stack observability, even for lean teams.
🕷️ An adaptive Web Scraping framework that handles everything from a single request to a full-scale crawl!
⭐AI-driven public opinion & trend monitor with multi-platform aggregation, RSS, and smart alerts.🎯 告别信息过载,你的 AI 舆情监控助手与热点筛选工具!聚合多平台热点 + RSS 订阅,支持关键词精准筛选。AI 智能筛选新闻 + AI 翻译 + AI 分析简报直推手机,也支持接入 MCP 架构,赋能 AI 自然语言对话分析、情感洞察与趋势预测等。支持 Docker ,数据本地/云端自持。集成微信/飞书/钉钉/Telegram/邮件/ntfy/bark/slack 等渠道智能推送。