Introduction

Plate is a comprehensive toolkit designed to simplify the development of rich-text editors in React. It's built on the principles of Openness, Composition, and Headless architecture.

Plate empowers you through three core pillars:

• Core Engine: A robust, React-focused plugin system with SSR support and a framework-agnostic API. It promotes modularity and extensibility.
• Extensible Plugins: A wide list of headless plugins to enhance editor behavior, hooks, serialization, and normalization. Compose them to build your ideal editing experience.
• Plate UI: Customizable components to accelerate your UI development with beautiful, pre-configured defaults.

Why Plate UI?

Traditional component libraries often lead to compromises: overriding styles, wrapping components, or mixing incompatible APIs. Plate UI offers a different approach:

It's not just a component library; it's how you build your component library.

• Open Code: Modify every aspect of the component code. No more fighting with vendor styles. If you need a change, edit the code directly.
• Composition: Components share a common, composable interface, compatible with shadcn/ui. Predictable for your team and for AI.
• Distribution via CLI: Leverage the shadcn CLI to add components. Host your own registry if needed.
• Beautiful Defaults: Get a clean, minimal, and consistent UI out-of-the-box. Easy to extend and customize.
• AI-Ready & MCP-Ready: Open code and consistent APIs make components understandable by AI. MCP (Model Context Protocol) compatibility facilitates AI-assisted component management and updates. Learn more about our MCP server.

Plate UI includes:

• UI Components: Pre-built, styled components for editor elements (toolbars, blocks, marks), built on shadcn/ui and Radix UI.
• Editor Blocks: Full editor configurations (e.g., editor-ai) as starting points.
• Individual Plugins: Configured plugins ready for integration.

Inspired by shadcn/ui, you own the code you integrate, giving you complete control.

FAQ

Credits

• shadcn/ui - For UI inspiration, documentation, and the CLI.
• Radix UI - For the unstyled, accessible primitives.
• Vercel - For hosting.
• Shu Ding - Typography style adapted from Nextra.
• cmdk - For the <Command /> component.