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.

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

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.

Images with captions provide context.

sample.pdf

Table of Contents