plate
Rich-text editor with AI, MCP, and shadcn/ui TypeScript-based implementation. Trusted by 15300+ developers. Trusted by 15300+ developers.
Documentation
Plate
[//]: # ' '
[//]: # '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. 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. 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 | ✅ | ✅ | ✅ | ✅ |
| Plate playground template | ✅ | ✅ | ✅ | |
| Plate minimal template | ✅ |
Documentation
You can learn more about Plate by checking out our documentation.
Contributing
To get started, check out our contributing guide.
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.
Need more help? Join us on Discord. We're always here to guide you.
中文文档
您可以通过查看我们的中文文档了解更多关于Plate的信息。如果您需要中文支持,欢迎加入我们的Discord中文频道,我们的社区成员将很乐意用中文为您解答问题。
对于贡献者,我们也提供了中文贡献指南,帮助您参与到Plate的开发中。
Frequently asked questions
What is plate?
plate is Rich-text editor with AI, MCP, and shadcn/ui TypeScript-based implementation. Trusted by 15300+ developers. Trusted by 15300+ developers.
How do I install plate?
Open the GitHub repository and follow its README. Most MCP servers are added to your client's MCP config, then called by your agent.
Is plate open source?
Yes — it is hosted on GitHub at https://github.com/udecode/plate and has 15,379 stars.
Related MCP tools
Composio equips your AI agents & LLMs with 100+ high-quality integrations via function calling for the Model Context Protocol. Enhance AI assistants with powerf
📦 Repomix is a powerful tool that packs your entire repository into a single, AI-friendly file. Perfect for when you need to feed your codebase to Large Lan...
The TypeScript AI agent framework. ⚡ Assistants, RAG, observability. Supports any LLM: GPT-4, Claude, Gemini, Llama. Built for the Model Context Protocol to enh
MCP server to provide Figma layout information to AI coding agents like Cursor TypeScript-based implementation. Trusted by 11600+ developers.
Mcp-use is the easiest way to interact with mcp servers with custom agents TypeScript-based implementation. Trusted by 8100+ developers.
Enhanced ChatGPT Clone: Features Agents, MCP, DeepSeek, Anthropic, AWS, OpenAI, Responses API, Azure, Groq, o1, GPT-5, Mistral, OpenRouter, Vertex AI, Gemini...
Run your own MCP server? See who uses it and what to fix.
Measure it with TrackMCP