ActiveFeaturedEditor (rich text/code)pro available16,553
@plate
Editor (rich text/code) · data updated 2026-09-05
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.
aiaudioblocksbuttonscardschartseditorformsmediamobilenavigationoverlayspro-availabletables
Install
npx shadcn@latest add https://platejs.org/r/registry.jsonHealth
StatusActive
Last committoday
License—
Open issues14
ArchivedNo
Stars16,553
Components (324)
plateplate-uiai-menuai-toolbar-buttonalign-toolbar-buttonblock-context-menublock-selectionimport-toolbar-buttonexport-toolbar-buttoncaptionfont-color-toolbar-buttoncomment-toolbar-buttonblock-suggestionblock-discussioncursor-overlayblock-draggableeditorselect-editoremoji-toolbar-buttonfixed-toolbar-buttonsfixed-toolbar-classic-buttonsfixed-toolbarfloating-toolbar-buttonsfloating-toolbar-classic-buttonsfloating-toolbarghost-texthistory-toolbar-buttonlist-toolbar-buttonindent-toolbar-buttoninline-comboboxinsert-toolbar-buttoninsert-toolbar-classic-buttonline-height-toolbar-buttonlink-toolbarlink-toolbar-buttonlist-classic-toolbar-buttonmark-toolbar-buttonmedia-toolbarmedia-toolbar-buttonmedia-upload-toastmode-toolbar-buttonmore-toolbar-buttonresize-handletable-toolbar-buttontoggle-toolbar-buttonturn-into-toolbar-buttonturn-into-toolbar-classic-buttonremote-cursor-overlaytoolbarsuggestion-toolbar-buttonai-nodeblock-listblockquote-nodecallout-nodecode-block-nodecode-drawing-nodecode-nodecolumn-nodecomment-nodesuggestion-node
Components: plate, plate-ui, ai-menu, ai-toolbar-button, align-toolbar-button, block-context-menu, block-selection, import-toolbar-button, export-toolbar-button, caption, font-color-toolbar-button, comment-toolbar-button, block-suggestion, block-discussion, cursor-overlay, block-draggable, editor, select-editor, emoji-toolbar-button, fixed-toolbar-buttons, fixed-toolbar-classic-buttons, fixed-toolbar, floating-toolbar-buttons, floating-toolbar-classic-buttons, floating-toolbar, ghost-text, history-toolbar-button, list-toolbar-button, indent-toolbar-button, inline-combobox, insert-toolbar-button, insert-toolbar-classic-button, line-height-toolbar-button, link-toolbar, link-toolbar-button, list-classic-toolbar-button, mark-toolbar-button, media-toolbar, media-toolbar-button, media-upload-toast, mode-toolbar-button, more-toolbar-button, resize-handle, table-toolbar-button, toggle-toolbar-button, turn-into-toolbar-button, turn-into-toolbar-classic-button, remote-cursor-overlay, toolbar, suggestion-toolbar-button, ai-node, block-list, blockquote-node, callout-node, code-block-node, code-drawing-node, code-node, column-node, comment-node, suggestion-node, date-node, equation-node, equation-toolbar-button, emoji-node, excalidraw-node, font-size-toolbar-button, footnote-node, heading-node, highlight-node, hr-node, media-image-node, media-preview-dialog, kbd-node, link-node, list-classic-node, media-audio-node, media-embed-node, media-file-node, media-placeholder-node, media-video-node, mention-node, paragraph-node, search-highlight-node, slash-node, table-node, tag-node, toc-node, toggle-node, align-base-kit, basic-blocks-base-kit, basic-marks-base-kit, callout-base-kit, code-block-base-kit, code-drawing-base-kit, column-base-kit, comment-base-kit, date-base-kit, footnote-base-kit, excalidraw-kit, font-base-kit, indent-base-kit, line-height-base-kit, link-base-kit, list-base-kit, math-base-kit, media-base-kit, mention-base-kit, suggestion-base-kit, table-base-kit, toc-base-kit, toggle-base-kit, editor-base-kit, ai-kit, align-kit, autoformat-classic-kit, autoformat-kit, basic-blocks-kit, basic-marks-kit, basic-nodes-kit, block-menu-kit, block-placeholder-kit, block-selection-kit, callout-kit, code-block-kit, code-drawing-kit, column-kit, comment-kit, copilot-kit, cursor-overlay-kit, date-kit, discussion-kit, dnd-kit, docx-kit, docx-export-kit, editor-kit, emoji-kit, exit-break-kit, fixed-toolbar-classic-kit, fixed-toolbar-kit, floating-toolbar-kit, floating-toolbar-classic-kit, footnote-kit, font-kit, indent-kit, line-height-kit, link-kit, list-classic-kit, list-kit, markdown-kit, math-kit, media-kit, media-uploadthing-kit, mention-kit, slash-kit, suggestion-kit, tabbable-kit, table-kit, toc-kit, toggle-kit, ai-api, copilot-api, media-uploadthing-api, settings-dialog, use-chat, transforms, transforms-classic, plate-types, editor-ai, editor-select, editor-basic, slate-to-html, suggestion, uploadthing, markdown-joiner-transform, tailwind-scrollbar-hide, highlight-style, use-debounce, use-mobile, use-mounted, use-is-touch-device, copilot-demo, select-editor-demo, controlled-demo, huge-document-demo, hundreds-editors-demo, multiple-editors-demo, version-history-demo, preview-markdown-demo, markdown-to-slate-demo, markdown-streaming-demo, collaboration-demo, installation-next-demo, tabbable-demo, docs-meta, docs, fumadocs, controlled-docs, debugging-docs, editing-behavior-docs, editor-methods-docs, editor-docs, feature-kits-docs, form-docs, performance-docs, playwright-docs, plugin-components-docs, plugin-context-docs, plugin-input-rules-docs, plugin-methods-docs, plugin-rules-docs, plugin-shortcuts-docs, plugin-docs, static-docs, troubleshooting-docs, typescript-docs, unit-testing-docs, ai-docs, copilot-docs, comment-docs, discussion-docs, suggestion-docs, yjs-docs, basic-blocks-docs, blockquote-docs, callout-docs, code-block-docs, code-drawing-docs, column-docs, date-docs, equation-docs, excalidraw-docs, footnote-docs, heading-docs, horizontal-rule-docs, link-docs, list-classic-docs, media-docs, mention-docs, table-docs, toc-docs, toggle-docs, combobox-docs, emoji-docs, slash-command-docs, exit-break-docs, forced-layout-docs, single-block-docs, trailing-block-docs, autoformat-docs, block-menu-docs, block-placeholder-docs, block-selection-docs, caption-docs, cursor-overlay-docs, dnd-docs, find-replace-docs, multi-select-docs, navigation-feedback-docs, tabbable-docs, toolbar-docs, basic-marks-docs, bold-docs, code-docs, highlight-docs, italic-docs, kbd-docs, strikethrough-docs, subscript-docs, superscript-docs, underline-docs, csv-docs, docx-io-docs, docx-docs, html-docs, markdown-docs, font-docs, indent-docs, line-height-docs, list-docs, text-align-docs, api-cn-docs, api-core-plate-components-docs, api-core-plate-controller-docs, api-core-plate-editor-docs, api-core-plate-plugin-docs, api-core-plate-store-docs, api-core-docs, api-floating-docs, api-plate-docs, api-react-utils-docs, api-resizable-docs, api-slate-editor-api-docs, api-slate-editor-transforms-docs, api-slate-element-docs, api-slate-location-ref-docs, api-slate-location-docs, api-slate-node-docs, api-slate-operation-docs, api-slate-path-docs, api-slate-point-docs, api-slate-range-docs, api-slate-text-docs, api-slate-docs, api-utils-docs, examples-collaboration-example-docs, examples-editable-voids-docs, examples-export-docs, examples-huge-document-docs, examples-hundreds-editors-docs, examples-preview-markdown-docs, examples-version-history-docs, index-docs, installation-docs-docs, installation-manual-docs, installation-mcp-docs, installation-next-docs, installation-node-docs, installation-plate-ui-docs, installation-react-docs, installation-rsc-docs, installation-docs, migration-slate-to-plate-docs, migration-v48-docs, releases-index-docsPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.