Skip to content
Index730 resources
Plate

Plate

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

Tier S · Best in classComponent LibraryRegistryPrimitiveplatejs.org

(Visit platejs.org ↗)(Docs)(Repository)(Registry)
Preview image from platejs.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.

Facts

License
MIT, Commercial license
Pricing
Open source, Free, One-time purchase, Freemium
Framework
React, Next.js
Styling
Tailwind CSS v4, CSS custom properties
Distribution
shadcn registry, npm package, CLI installer, GitHub repository, MCP server
Platform
Web
Content type
Code
Agent readiness
Machine-readable registry item, CLI installable, MCP server, llms.txt, Structured documentation, Readable open source
Accessibility
Built on accessible primitives, Keyboard navigable
Maturity
Actively maintained
Pricing detail
Core is MIT and free. Plate Plus: Personal EUR 299 one-time (unlimited solo projects), Teams EUR 799 one-time (up to 5 users). Both perpetual with lifetime updates and GitHub repo access.
GitHub stars
16,500
Package
platejs

Components it ships

86 total
Rich Text EditorToolbarCode BlockTableMentionsEmoji PickerCommentLinkHeadingQuoteKbdImageVideo PlayerAudio PlayerEmbedFile CardDrag And DropCommand PaletteComboboxTagSeparatorIn Page NavigationColor PickerDate InputContext MenuDialogLightboxCollapsible

Helps you build

6
Blog PostBlogCommentsVersion HistoryAI Chat PanelSingle Item Detail

Templates

3

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

Also in Component Libraries

6
platejs.orgTier S