Registries
ActiveFeaturedEditor (rich text/code)16,400

@plate

Editor (rich text/code) · data updated 2026-07-08

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.

WebsiteDocsGitHub

Install

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

Health

StatusActive
Last committoday
License—
Open issues13
ArchivedNo
Stars16,400

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

Preview

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.

@plate · plate

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