@plate

Plate is a React framework for building AI-powered rich-text editors built on Slate and Slate-React. The shadcn registry (325 items) delivers Plate UI: copyable toolbar components (fixed, floating, AI menu), block draggable, cursor overlay, inline combobox, caption, comment/suggestion toolbars, media upload, ghost text, and full editor kits. Headless @platejs/* plugins cover formatting, serialization, collaboration (Yjs/Loro), AI completions, and more. Tailwind v3/v4 compatible, Radix UI-based. Free and open-source (MIT, 16k+ GitHub stars); a paid Notion-like Potion template is offered separately via pro.platejs.org. Use for: embedding a fully featured, extensible rich-text editor (with AI, comments, or collaborative editing) into a React or Next.js app.

250 components pro available react shadcn-cli

website ↗ github ↗ registry ↗ agent brief (.md) ↗ pro ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://platejs.org/r/registry.json

pnpm pnpm dlx shadcn@latest add https://platejs.org/r/registry.json

bun bunx shadcn@latest add https://platejs.org/r/registry.json

fetch registry curl -s https://platejs.org/r/registry.json

Components

250 total

plate lib

Install Plate package

npx shadcn@latest add https://platejs.org/r/plate.json

plate-ui style

Install Plate package and styles

npx shadcn@latest add https://platejs.org/r/plate-ui.json

AI Menu ui

A menu for AI-powered content generation and insertion.

npx shadcn@latest add https://platejs.org/r/ai-menu.json

AI Toolbar Button ui

A toolbar button for accessing AI features.

npx shadcn@latest add https://platejs.org/r/ai-toolbar-button.json

Align Toolbar Button ui

A dropdown menu for text alignment controls.

npx shadcn@latest add https://platejs.org/r/align-toolbar-button.json

Block Context Menu ui

A context menu for block-level operations.

npx shadcn@latest add https://platejs.org/r/block-context-menu.json

Block Selection ui

A visual overlay for selected blocks.

npx shadcn@latest add https://platejs.org/r/block-selection.json

Import Toolbar Button ui

A toolbar button to import editor content from a file.

npx shadcn@latest add https://platejs.org/r/import-toolbar-button.json

Export Toolbar Button ui

A toolbar button for exporting editor content in various formats (HTML, PDF, Image, Markdown).

npx shadcn@latest add https://platejs.org/r/export-toolbar-button.json

Caption ui

A text field for adding captions to media elements.

npx shadcn@latest add https://platejs.org/r/caption.json

Font Color Toolbar Button ui

A color picker toolbar button with text and background color controls.

npx shadcn@latest add https://platejs.org/r/font-color-toolbar-button.json

Comment Toolbar Button ui

A toolbar button for adding inline comments.

npx shadcn@latest add https://platejs.org/r/comment-toolbar-button.json

Block Suggestion ui

npx shadcn@latest add https://platejs.org/r/block-suggestion.json

Block Discussion ui

A popover interface for managing discussions: comments, replies, suggestions.

npx shadcn@latest add https://platejs.org/r/block-discussion.json

Cursor Overlay ui

A visual overlay for cursors and selections.

npx shadcn@latest add https://platejs.org/r/cursor-overlay.json

Block Draggable ui

A block wrapper with a drag handle for moving editor blocks.

npx shadcn@latest add https://platejs.org/r/block-draggable.json

Editor ui

A container for the editor content and styling.

npx shadcn@latest add https://platejs.org/r/editor.json

Select Editor ui

An editor to select tags.

npx shadcn@latest add https://platejs.org/r/select-editor.json

Emoji Toolbar Button ui

An emoji picker toolbar button.

npx shadcn@latest add https://platejs.org/r/emoji-toolbar-button.json

Fixed Toolbar Buttons ui

A set of commonly used formatting buttons.

npx shadcn@latest add https://platejs.org/r/fixed-toolbar-buttons.json

Fixed Toolbar List Buttons ui

npx shadcn@latest add https://platejs.org/r/fixed-toolbar-classic-buttons.json

Fixed Toolbar ui

A fixed toolbar that stays at the top of the editor.

npx shadcn@latest add https://platejs.org/r/fixed-toolbar.json

Floating Toolbar Buttons ui

A set of formatting buttons for the floating toolbar.

npx shadcn@latest add https://platejs.org/r/floating-toolbar-buttons.json

Floating Toolbar Classic Buttons ui

A set of commonly used formatting buttons for the floating toolbar with classic list support.

npx shadcn@latest add https://platejs.org/r/floating-toolbar-classic-buttons.json

Floating Toolbar ui

A contextual toolbar that appears over selected text.

npx shadcn@latest add https://platejs.org/r/floating-toolbar.json

Ghost Text ui

A text suggestion system that displays AI-generated content after the cursor.

npx shadcn@latest add https://platejs.org/r/ghost-text.json

History Toolbar Button ui

Toolbar buttons for undo and redo operations.

npx shadcn@latest add https://platejs.org/r/history-toolbar-button.json

List Toolbar Button ui

A toolbar control for adjusting list indentation.

npx shadcn@latest add https://platejs.org/r/list-toolbar-button.json

Indent Toolbar Buttons ui

Toolbar controls for block indentation.

npx shadcn@latest add https://platejs.org/r/indent-toolbar-button.json

Inline Combobox ui

A combobox for inline suggestions.

npx shadcn@latest add https://platejs.org/r/inline-combobox.json

Insert Toolbar Button ui

A menu for inserting different types of blocks.

npx shadcn@latest add https://platejs.org/r/insert-toolbar-button.json

Insert Toolbar Classic Button ui

A menu for inserting different types of blocks with classic list support.

npx shadcn@latest add https://platejs.org/r/insert-toolbar-classic-button.json

Line Height Toolbar Button ui

A menu for controlling text line spacing.

npx shadcn@latest add https://platejs.org/r/line-height-toolbar-button.json

Link Floating Toolbar ui

A floating interface for link editing.

npx shadcn@latest add https://platejs.org/r/link-toolbar.json

Link Toolbar Button ui

A toolbar control for link management.

npx shadcn@latest add https://platejs.org/r/link-toolbar-button.json

List Toolbar Buttons ui

Toolbar controls for list creation and management.

npx shadcn@latest add https://platejs.org/r/list-classic-toolbar-button.json

Mark Toolbar Button ui

A toolbar control for basic text formatting.

npx shadcn@latest add https://platejs.org/r/mark-toolbar-button.json

Media Toolbar ui

A toolbar interface for media settings.

npx shadcn@latest add https://platejs.org/r/media-toolbar.json

Media Toolbar Button ui

Toolbar button for inserting and managing media.

npx shadcn@latest add https://platejs.org/r/media-toolbar-button.json

Media Upload Toast ui

Show toast notifications for media uploads.

npx shadcn@latest add https://platejs.org/r/media-upload-toast.json

Mode Toolbar Button ui

A menu for switching between editor modes.

npx shadcn@latest add https://platejs.org/r/mode-toolbar-button.json

More Toolbar Button ui

A menu for additional text formatting options.

npx shadcn@latest add https://platejs.org/r/more-toolbar-button.json

Resize Handle ui

A resizable wrapper with resize handles.

npx shadcn@latest add https://platejs.org/r/resize-handle.json

Table Toolbar Button ui

A menu for table manipulation and formatting.

npx shadcn@latest add https://platejs.org/r/table-toolbar-button.json

Toggle Toolbar Button ui

A toolbar button for expanding and collapsing blocks.

npx shadcn@latest add https://platejs.org/r/toggle-toolbar-button.json

Turn Into Toolbar Button ui

A menu for converting between different block types.

npx shadcn@latest add https://platejs.org/r/turn-into-toolbar-button.json

Turn Into Toolbar Classic Button ui

A dropdown to convert block types with classic list support.

npx shadcn@latest add https://platejs.org/r/turn-into-toolbar-classic-button.json

Remote Cursor Overlay ui

A cursor overlay to display multiplayer cursors in the yjs plugin.

npx shadcn@latest add https://platejs.org/r/remote-cursor-overlay.json

Toolbar ui

A customizable toolbar component with various button styles and group

npx shadcn@latest add https://platejs.org/r/toolbar.json

Suggestion Toolbar Button ui

A toolbar button for toggling suggestion mode in the editor.

npx shadcn@latest add https://platejs.org/r/suggestion-toolbar-button.json

AI Leaf ui

A text highlighter for AI-generated content.

npx shadcn@latest add https://platejs.org/r/ai-node.json

List ui

List components.

npx shadcn@latest add https://platejs.org/r/block-list.json

Blockquote Element ui

A quote component for block quotes.

npx shadcn@latest add https://platejs.org/r/blockquote-node.json

callout-node ui

A callout component for highlighting important information with customizable icons and styles.

npx shadcn@latest add https://platejs.org/r/callout-node.json

Code Block Nodes ui

A code block with syntax highlighting and language selection.

npx shadcn@latest add https://platejs.org/r/code-block-node.json

Code Drawing Node ui

Create diagrams from code using PlantUML, Graphviz, Flowchart, or Mermaid.

npx shadcn@latest add https://platejs.org/r/code-drawing-node.json

Code Leaf ui

An inline component for code snippets.

npx shadcn@latest add https://platejs.org/r/code-node.json

Column Nodes ui

Resizable column components for layout.

npx shadcn@latest add https://platejs.org/r/column-node.json

Comment Leaf ui

A text component for displaying comments with visual indicators.

npx shadcn@latest add https://platejs.org/r/comment-node.json

Suggestion Leaf ui

A text component for suggestion.

npx shadcn@latest add https://platejs.org/r/suggestion-node.json

Date Element ui

A date field component with calendar picker.

npx shadcn@latest add https://platejs.org/r/date-node.json

Equation Element ui

Displays a LaTeX equation element with an editable popover for inputting and rendering mathematical expressions.

npx shadcn@latest add https://platejs.org/r/equation-node.json

Equation Toolbar Button ui

A toolbar button for inserting and editing equations.

npx shadcn@latest add https://platejs.org/r/equation-toolbar-button.json

Emoji Input Element ui

An input component for emoji search and insertion.

npx shadcn@latest add https://platejs.org/r/emoji-node.json

Excalidraw Element ui

A drawing component powered by Excalidraw.

npx shadcn@latest add https://platejs.org/r/excalidraw-node.json

Font Size Toolbar Button ui

A toolbar control for adjusting font size.

npx shadcn@latest add https://platejs.org/r/font-size-toolbar-button.json

Footnote Elements ui

Inline footnote references, definitions, and input UI.

npx shadcn@latest add https://platejs.org/r/footnote-node.json

Heading Element ui

A heading with multiple level support.

npx shadcn@latest add https://platejs.org/r/heading-node.json

Highlight Leaf ui

A text highlighter with customizable colors.

npx shadcn@latest add https://platejs.org/r/highlight-node.json

Horizontal Rule Element ui

A horizontal rule component with focus states.

npx shadcn@latest add https://platejs.org/r/hr-node.json

Image Element ui

Image element with lazy loading, resizing capabilities, and optional caption.

npx shadcn@latest add https://platejs.org/r/media-image-node.json

Media Preview Dialog ui

A modal component for previewing and manipulating images.

npx shadcn@latest add https://platejs.org/r/media-preview-dialog.json

Keyboard Input Leaf ui

A component for styling keyboard shortcuts.

npx shadcn@latest add https://platejs.org/r/kbd-node.json

Link Element ui

A component for rendering hyperlinks with hover states.

npx shadcn@latest add https://platejs.org/r/link-node.json

List Nodes ui

List (classic) nodes for ordered and unordered items.

npx shadcn@latest add https://platejs.org/r/list-classic-node.json

Media Audio Element ui

An audio player component with caption support.

npx shadcn@latest add https://platejs.org/r/media-audio-node.json

Media Embed Element ui

A component for embedded media content with resizing and caption support.

npx shadcn@latest add https://platejs.org/r/media-embed-node.json

Media File Element ui

A file attachment component with download capability and caption.

npx shadcn@latest add https://platejs.org/r/media-file-node.json

Media Placeholder Element ui

A placeholder for media upload progress indication.

npx shadcn@latest add https://platejs.org/r/media-placeholder-node.json

Media Video Element ui

A video player component with YouTube and file upload support.

npx shadcn@latest add https://platejs.org/r/media-video-node.json

Mention Nodes ui

A mention element with customizable prefix and label, powered by a combobox.

npx shadcn@latest add https://platejs.org/r/mention-node.json

Paragraph Element ui

A paragraph block with background color support.

npx shadcn@latest add https://platejs.org/r/paragraph-node.json

Search Highlight Leaf ui

A component that highlights search results in text.

npx shadcn@latest add https://platejs.org/r/search-highlight-node.json

Slash Input Element ui

A command input component for inserting various elements.

npx shadcn@latest add https://platejs.org/r/slash-node.json

Table Element ui

A table component with floating toolbar and border customization.

npx shadcn@latest add https://platejs.org/r/table-node.json

Tag Element ui

A tag element component with selection states and styling.

npx shadcn@latest add https://platejs.org/r/tag-node.json

TOC Element ui

A table of contents component with links to document headings.

npx shadcn@latest add https://platejs.org/r/toc-node.json

Toggle Element ui

A collapsible component for toggling content visibility.

npx shadcn@latest add https://platejs.org/r/toggle-node.json

align-base-kit component

npx shadcn@latest add https://platejs.org/r/align-base-kit.json

basic-blocks-base-kit component

npx shadcn@latest add https://platejs.org/r/basic-blocks-base-kit.json

basic-marks-base-kit component

npx shadcn@latest add https://platejs.org/r/basic-marks-base-kit.json

callout-base-kit component

npx shadcn@latest add https://platejs.org/r/callout-base-kit.json

code-block-base-kit component

npx shadcn@latest add https://platejs.org/r/code-block-base-kit.json

code-drawing-base-kit component

npx shadcn@latest add https://platejs.org/r/code-drawing-base-kit.json

column-base-kit component

npx shadcn@latest add https://platejs.org/r/column-base-kit.json

comment-base-kit component

npx shadcn@latest add https://platejs.org/r/comment-base-kit.json

date-base-kit component

npx shadcn@latest add https://platejs.org/r/date-base-kit.json

footnote-base-kit component

npx shadcn@latest add https://platejs.org/r/footnote-base-kit.json

excalidraw-kit component

npx shadcn@latest add https://platejs.org/r/excalidraw-kit.json

font-base-kit component

npx shadcn@latest add https://platejs.org/r/font-base-kit.json

indent-base-kit component

npx shadcn@latest add https://platejs.org/r/indent-base-kit.json

line-height-base-kit component

npx shadcn@latest add https://platejs.org/r/line-height-base-kit.json

link-base-kit component

npx shadcn@latest add https://platejs.org/r/link-base-kit.json

list-base-kit component

npx shadcn@latest add https://platejs.org/r/list-base-kit.json

math-base-kit component

npx shadcn@latest add https://platejs.org/r/math-base-kit.json

media-base-kit component

npx shadcn@latest add https://platejs.org/r/media-base-kit.json

mention-base-kit component

npx shadcn@latest add https://platejs.org/r/mention-base-kit.json

suggestion-base-kit component

npx shadcn@latest add https://platejs.org/r/suggestion-base-kit.json

table-base-kit component

npx shadcn@latest add https://platejs.org/r/table-base-kit.json

toc-base-kit component

npx shadcn@latest add https://platejs.org/r/toc-base-kit.json

toggle-base-kit component

npx shadcn@latest add https://platejs.org/r/toggle-base-kit.json

editor-base-kit component

npx shadcn@latest add https://platejs.org/r/editor-base-kit.json

ai-kit component

npx shadcn@latest add https://platejs.org/r/ai-kit.json

align-kit component

npx shadcn@latest add https://platejs.org/r/align-kit.json

autoformat-classic-kit component

npx shadcn@latest add https://platejs.org/r/autoformat-classic-kit.json

autoformat-kit component

npx shadcn@latest add https://platejs.org/r/autoformat-kit.json

basic-blocks-kit component

npx shadcn@latest add https://platejs.org/r/basic-blocks-kit.json

basic-marks-kit component

npx shadcn@latest add https://platejs.org/r/basic-marks-kit.json

basic-nodes-kit component

npx shadcn@latest add https://platejs.org/r/basic-nodes-kit.json

block-menu-kit component

npx shadcn@latest add https://platejs.org/r/block-menu-kit.json

block-placeholder-kit component

npx shadcn@latest add https://platejs.org/r/block-placeholder-kit.json

block-selection-kit component

npx shadcn@latest add https://platejs.org/r/block-selection-kit.json

callout-kit component

npx shadcn@latest add https://platejs.org/r/callout-kit.json

code-block-kit component

npx shadcn@latest add https://platejs.org/r/code-block-kit.json

code-drawing-kit component

npx shadcn@latest add https://platejs.org/r/code-drawing-kit.json

column-kit component

npx shadcn@latest add https://platejs.org/r/column-kit.json

comment-kit component

npx shadcn@latest add https://platejs.org/r/comment-kit.json

copilot-kit component

npx shadcn@latest add https://platejs.org/r/copilot-kit.json

cursor-overlay-kit component

npx shadcn@latest add https://platejs.org/r/cursor-overlay-kit.json

date-kit component

npx shadcn@latest add https://platejs.org/r/date-kit.json

discussion-kit component

npx shadcn@latest add https://platejs.org/r/discussion-kit.json

dnd-kit component

npx shadcn@latest add https://platejs.org/r/dnd-kit.json

docx-kit component

npx shadcn@latest add https://platejs.org/r/docx-kit.json

docx-export-kit component

npx shadcn@latest add https://platejs.org/r/docx-export-kit.json

editor-kit component

npx shadcn@latest add https://platejs.org/r/editor-kit.json

emoji-kit component

npx shadcn@latest add https://platejs.org/r/emoji-kit.json

exit-break-kit component

npx shadcn@latest add https://platejs.org/r/exit-break-kit.json

fixed-toolbar-classic-kit component

npx shadcn@latest add https://platejs.org/r/fixed-toolbar-classic-kit.json

fixed-toolbar-kit component

npx shadcn@latest add https://platejs.org/r/fixed-toolbar-kit.json

floating-toolbar-kit component

npx shadcn@latest add https://platejs.org/r/floating-toolbar-kit.json

floating-toolbar-classic-kit component

npx shadcn@latest add https://platejs.org/r/floating-toolbar-classic-kit.json

footnote-kit component

npx shadcn@latest add https://platejs.org/r/footnote-kit.json

font-kit component

npx shadcn@latest add https://platejs.org/r/font-kit.json

indent-kit component

npx shadcn@latest add https://platejs.org/r/indent-kit.json

line-height-kit component

npx shadcn@latest add https://platejs.org/r/line-height-kit.json

link-kit component

npx shadcn@latest add https://platejs.org/r/link-kit.json

list-classic-kit component

npx shadcn@latest add https://platejs.org/r/list-classic-kit.json

list-kit component

npx shadcn@latest add https://platejs.org/r/list-kit.json

markdown-kit component

npx shadcn@latest add https://platejs.org/r/markdown-kit.json

math-kit component

npx shadcn@latest add https://platejs.org/r/math-kit.json

media-kit component

Media kit without API (see media-uploadthing-api for reference)

npx shadcn@latest add https://platejs.org/r/media-kit.json

media-uploadthing-kit component

media-kit + media-uploadthing-api

npx shadcn@latest add https://platejs.org/r/media-uploadthing-kit.json

mention-kit component

npx shadcn@latest add https://platejs.org/r/mention-kit.json

slash-kit component

npx shadcn@latest add https://platejs.org/r/slash-kit.json

suggestion-kit component

npx shadcn@latest add https://platejs.org/r/suggestion-kit.json

tabbable-kit component

npx shadcn@latest add https://platejs.org/r/tabbable-kit.json

table-kit component

npx shadcn@latest add https://platejs.org/r/table-kit.json

toc-kit component

npx shadcn@latest add https://platejs.org/r/toc-kit.json

toggle-kit component

npx shadcn@latest add https://platejs.org/r/toggle-kit.json

ai-api file

npx shadcn@latest add https://platejs.org/r/ai-api.json

copilot-api file

npx shadcn@latest add https://platejs.org/r/copilot-api.json

media-uploadthing-api file

npx shadcn@latest add https://platejs.org/r/media-uploadthing-api.json

settings-dialog component

npx shadcn@latest add https://platejs.org/r/settings-dialog.json

use-chat component

npx shadcn@latest add https://platejs.org/r/use-chat.json

transforms component

npx shadcn@latest add https://platejs.org/r/transforms.json

transforms-classic component

npx shadcn@latest add https://platejs.org/r/transforms-classic.json

plate-types component

npx shadcn@latest add https://platejs.org/r/plate-types.json

editor-ai block

An AI editor

npx shadcn@latest add https://platejs.org/r/editor-ai.json

editor-select block

A multi-select editor

npx shadcn@latest add https://platejs.org/r/editor-select.json

editor-basic block

A basic editor

npx shadcn@latest add https://platejs.org/r/editor-basic.json

slate-to-html block

npx shadcn@latest add https://platejs.org/r/slate-to-html.json

suggestion lib

npx shadcn@latest add https://platejs.org/r/suggestion.json

uploadthing hook

npx shadcn@latest add https://platejs.org/r/uploadthing.json

markdown-joiner-transform hook

npx shadcn@latest add https://platejs.org/r/markdown-joiner-transform.json

tailwind-scrollbar-hide style

npx shadcn@latest add https://platejs.org/r/tailwind-scrollbar-hide.json

highlight-style style

npx shadcn@latest add https://platejs.org/r/highlight-style.json

use-debounce hook

npx shadcn@latest add https://platejs.org/r/use-debounce.json

use-mobile hook

npx shadcn@latest add https://platejs.org/r/use-mobile.json

use-mounted hook

npx shadcn@latest add https://platejs.org/r/use-mounted.json

use-is-touch-device hook

npx shadcn@latest add https://platejs.org/r/use-is-touch-device.json

copilot-demo example

Renders AI ghost text suggestions at the cursor position.

npx shadcn@latest add https://platejs.org/r/copilot-demo.json

Select Editor Form example

A form with a select editor component for managing labels.

npx shadcn@latest add https://platejs.org/r/select-editor-demo.json

controlled-demo example

npx shadcn@latest add https://platejs.org/r/controlled-demo.json

huge-document-demo example

npx shadcn@latest add https://platejs.org/r/huge-document-demo.json

hundreds-editors-demo example

npx shadcn@latest add https://platejs.org/r/hundreds-editors-demo.json

multiple-editors-demo example

npx shadcn@latest add https://platejs.org/r/multiple-editors-demo.json

version-history-demo example

npx shadcn@latest add https://platejs.org/r/version-history-demo.json

preview-markdown-demo example

npx shadcn@latest add https://platejs.org/r/preview-markdown-demo.json

markdown-to-slate-demo example

npx shadcn@latest add https://platejs.org/r/markdown-to-slate-demo.json

markdown-streaming-demo example

npx shadcn@latest add https://platejs.org/r/markdown-streaming-demo.json

collaboration-demo example

Real-time collaboration with cursors and selections.

npx shadcn@latest add https://platejs.org/r/collaboration-demo.json

installation-next-demo example

npx shadcn@latest add https://platejs.org/r/installation-next-demo.json

tabbable-demo example

npx shadcn@latest add https://platejs.org/r/tabbable-demo.json

Documentation metadata file

Fumadocs metadata for plate documentation

npx shadcn@latest add https://platejs.org/r/docs-meta.json

Documentation file

All documentation files for plate

npx shadcn@latest add https://platejs.org/r/docs.json

Fumadocs app file

Fumadocs app for plate

npx shadcn@latest add https://platejs.org/r/fumadocs.json

Controlled Editor Value file

Control initial values, persistence, replacement, and async initialization.

npx shadcn@latest add https://platejs.org/r/controlled-docs.json

Debugging file

Debugging in Plate.

npx shadcn@latest add https://platejs.org/r/debugging-docs.json

Editing Behavior file

How Plate handles Enter, Backspace, merge, normalize, and selection behavior.

npx shadcn@latest add https://platejs.org/r/editing-behavior-docs.json

Editor Methods file

Read, mutate, and configure a Plate editor instance.

npx shadcn@latest add https://platejs.org/r/editor-methods-docs.json

Editor Configuration file

Learn how to configure and customize the Plate editor.

npx shadcn@latest add https://platejs.org/r/editor-docs.json

Feature Kits file

Use registry kits to add groups of Plate plugins and UI wiring.

npx shadcn@latest add https://platejs.org/r/feature-kits-docs.json

Form file

How to integrate Plate editor with react-hook-form.

npx shadcn@latest add https://platejs.org/r/form-docs.json

Performance file

Latest Plate vs Slate large-document benchmark snapshot and how to rerun it locally.

npx shadcn@latest add https://platejs.org/r/performance-docs.json

Playwright Testing file

Learn how to write Playwright tests that integrate with Plate.

npx shadcn@latest add https://platejs.org/r/playwright-docs.json

Plugin Components file

Render Plate plugin nodes with React components.

npx shadcn@latest add https://platejs.org/r/plugin-components-docs.json

Plugin Context file

Use editor, plugin, option, API, and transform context inside Plate plugins.

npx shadcn@latest add https://platejs.org/r/plugin-context-docs.json

Plugin Input Rules file

Typed editor rules for markdown shortcuts, block fences, autolinks, and text substitutions.

npx shadcn@latest add https://platejs.org/r/plugin-input-rules-docs.json

Plugin Methods file

Configure, extend, and override Plate plugins.

npx shadcn@latest add https://platejs.org/r/plugin-methods-docs.json

Plugin Rules file

Configure common editing behaviors.

npx shadcn@latest add https://platejs.org/r/plugin-rules-docs.json

Plugin Shortcuts file

Configure keyboard shortcuts on Plate plugins.

npx shadcn@latest add https://platejs.org/r/plugin-shortcuts-docs.json

Plugin Configuration file

How to configure and customize Plate plugins.

npx shadcn@latest add https://platejs.org/r/plugin-docs.json

Static Rendering file

A minimal, memoized, read-only version of Plate with RSC/SSR support.

npx shadcn@latest add https://platejs.org/r/static-docs.json

Troubleshooting file

Diagnose common Plate setup and runtime issues.

npx shadcn@latest add https://platejs.org/r/troubleshooting-docs.json

TypeScript file

Configure TypeScript (tsconfig) for using Plate, including module resolution solutions.

npx shadcn@latest add https://platejs.org/r/typescript-docs.json

Unit Testing Plate file

Learn how to unit test Plate editor and plugins.

npx shadcn@latest add https://platejs.org/r/unit-testing-docs.json

AI file

AI-powered writing assistance.

npx shadcn@latest add https://platejs.org/r/ai-docs.json

Copilot file

AI-powered text completion suggestions.

npx shadcn@latest add https://platejs.org/r/copilot-docs.json

Comment file

Documentation for Comment

npx shadcn@latest add https://platejs.org/r/comment-docs.json

Discussion file

Documentation for Discussion

npx shadcn@latest add https://platejs.org/r/discussion-docs.json

Suggestion file

Documentation for Suggestion

npx shadcn@latest add https://platejs.org/r/suggestion-docs.json

Collaboration file

Real-time collaboration with Yjs

npx shadcn@latest add https://platejs.org/r/yjs-docs.json

Basic Blocks file

Paragraphs, headings, blockquotes, and horizontal rules.

npx shadcn@latest add https://platejs.org/r/basic-blocks-docs.json

Blockquote file

Documentation for Blockquote

npx shadcn@latest add https://platejs.org/r/blockquote-docs.json

Callout file

Documentation for Callout

npx shadcn@latest add https://platejs.org/r/callout-docs.json

Code Block file

Documentation for Code Block

npx shadcn@latest add https://platejs.org/r/code-block-docs.json

Code Drawing file

Documentation for Code Drawing

npx shadcn@latest add https://platejs.org/r/code-drawing-docs.json

Column file

Documentation for Column

npx shadcn@latest add https://platejs.org/r/column-docs.json

Date file

Inline void date elements with canonical and raw date storage.

npx shadcn@latest add https://platejs.org/r/date-docs.json

Equation file

Block and inline LaTeX equation nodes rendered with KaTeX.

npx shadcn@latest add https://platejs.org/r/equation-docs.json

Excalidraw file

Void Excalidraw drawing blocks stored inside Plate values.

npx shadcn@latest add https://platejs.org/r/excalidraw-docs.json

Footnote file

Documentation for Footnote

npx shadcn@latest add https://platejs.org/r/footnote-docs.json

Heading file

H1 through H6 block elements with shortcuts, input rules, and static renderers.

npx shadcn@latest add https://platejs.org/r/heading-docs.json

Horizontal Rule file

Void divider blocks rendered as horizontal rules.

npx shadcn@latest add https://platejs.org/r/horizontal-rule-docs.json

Link file

Documentation for Link

npx shadcn@latest add https://platejs.org/r/link-docs.json

List Classic file

Documentation for List Classic

npx shadcn@latest add https://platejs.org/r/list-classic-docs.json

Media file

Documentation for Media

npx shadcn@latest add https://platejs.org/r/media-docs.json

Mention file

Inline markable void mentions backed by trigger combobox input.

npx shadcn@latest add https://platejs.org/r/mention-docs.json

Table file

Documentation for Table

npx shadcn@latest add https://platejs.org/r/table-docs.json

Table of Contents file

Documentation for Table of Contents

npx shadcn@latest add https://platejs.org/r/toc-docs.json

Toggle file

Documentation for Toggle

npx shadcn@latest add https://platejs.org/r/toggle-docs.json

Combobox file

Documentation for Combobox

npx shadcn@latest add https://platejs.org/r/combobox-docs.json

Emoji file

Inline emoji search and toolbar emoji picking.

npx shadcn@latest add https://platejs.org/r/emoji-docs.json

Slash Command file

Documentation for Slash Command

npx shadcn@latest add https://platejs.org/r/slash-command-docs.json

Exit Break file

Documentation for Exit Break

npx shadcn@latest add https://platejs.org/r/exit-break-docs.json

Forced Layout file

Path-based normalization for required document structure.

npx shadcn@latest add https://platejs.org/r/forced-layout-docs.json

Single Block file

Restrict an editor to one root block or one line of text.

npx shadcn@latest add https://platejs.org/r/single-block-docs.json

Trailing Block file

Keep a required block at the end of an editor or nested level.

npx shadcn@latest add https://platejs.org/r/trailing-block-docs.json

Autoformat file

Markdown shortcuts and text substitutions powered by input rules.

npx shadcn@latest add https://platejs.org/r/autoformat-docs.json

Block Menu file

Context-menu actions for selected editor blocks.

npx shadcn@latest add https://platejs.org/r/block-menu-docs.json