Skip to content
IndexDesign corpus
Component LibrariesComponent LibraryRegistryPrimitiveMITOpen sourceReact

Plate

Slate-based rich-text editor framework with 86 shadcn-installable editor components

Aboutplatejs.org

Plate is a plugin framework for building rich-text editors in React, sitting on top of Slate and distributed the shadcn way: the registry at platejs.org/r publishes 324 items, of which 86 are Plate UI components (nodes, toolbars, menus) and the rest are feature 'kits' that bundle a plugin plus its UI. It covers tables, code blocks with drawing, columns, callouts, equations, Excalidraw, footnotes, mentions, slash commands, emoji, media with UploadThing, DOCX/Markdown import-export, comments, suggestions (track changes) and Yjs collaboration. AI is first-class: an ai-kit, copilot ghost text and a streaming AI menu. Free core is MIT; Plate Plus sells premium components and a Notion-like app template.

Install
npx shadcn@latest add @plate/editor-ai
For an agent

Reach for Plate over Tiptap or a raw contenteditable when the target is a Notion-style block editor in a shadcn codebase — the components land in components/ui as ordinary Tailwind React files you can restyle, which is the thing Tiptap does not give you. Install feature kits (table-kit, media-kit, ai-kit), not individual nodes: a bare node without its plugin renders nothing and the failure is silent. Watch the bundle — editor-ai pulls Slate, the AI SDK and a large plugin graph, so start from editor-basic and add kits when a feature is actually needed, and note that comments, suggestions and Yjs collaboration all need a backend you supply.

Why it is here. The reference answer for rich-text in React right now, and the clearest proof that a whole editor framework can ship through the shadcn registry rather than as an opaque npm widget.

Install command, framework, licence and component list.
Components it ships86 total
Helps you build6
Templates3
Notable for
  • 324 registry items, 86 UI components
  • feature kits bundle plugin plus UI
  • AI copilot and streaming AI menu built in
  • DOCX and Markdown import-export
  • track changes, comments and Yjs collaboration
Provenance

Verified 2026-08-15. HTTP 200. https://platejs.org, https://platejs.org/r/registry.json (full 324-item manifest, counted by type), https://platejs.org/r/editor-ai.json (200), https://pro.platejs.org, https://github.com/udecode/plate, https://registry.npmjs.org/platejs (latest 53.3.5 published 2026-08-15), https://platejs.org/llms.txt

Related resourcesComponent Libraries