Build your rich-text editor

Framework · Plugins · Components · Themes

Welcome to the Plate Playground!

Experience a modern rich-text editor built with Slate and React . This playground showcases just a part of Plate's capabilities. Explore the documentation to discover more.

Collaborative Editing

Review and refine content seamlessly. Use suggestions like this added text or to ~~mark text for removal~~. Discuss changes using comments on many text segments. You can even have overlapping annotations!

AI-Powered Editing

Boost your productivity with integrated AI SDK . Press ⌘+J or Space in an empty line to:

Generate content (continue writing, summarize, explain)

Edit existing text (improve, fix grammar, change tone)

Rich Content Editing

Structure your content with headings , lists , and quotes . Apply marks like bold, italic, underline, ~~strikethrough~~, and code . Use autoformatting for Markdown -like shortcuts (e.g., * for lists, # for H1).

Blockquotes are great for highlighting important information.

function hello() {
  console.info('Code blocks are supported!');
}

Create links , @mention users like

Alice

, or insert emojis ✨. Use the slash command (/) for quick access to elements.

How Plate Compares

Plate offers many features out-of-the-box as free, open-source plugins.

Feature	Plate (Free & OSS)	Tiptap
AI	✅	Paid Extension
Comments	✅	Paid Extension
Suggestions	✅	Paid (Comments Pro)
Emoji Picker	✅	Paid Extension
Table of Contents	✅	Paid Extension
Drag Handle	✅	Paid Extension
Collaboration (Yjs)	✅	Hocuspocus (OSS/Paid)

Images and Media

Embed rich media like images directly in your content. Supports Media uploads and drag & drop for a smooth experience.

sample.pdf