# udecode/plate

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/udecode-plate).**

15,947 stars · 953 forks · TypeScript · other

## Links

- GitHub: https://github.com/udecode/plate
- Homepage: https://platejs.org
- awesome-repositories: https://awesome-repositories.com/repository/udecode-plate.md

## Topics

`ai` `mcp` `react` `shadcn-ui` `slate` `typescript` `wysiwyg`

## Description

Plate is a headless editor toolkit and framework designed for building custom rich text editing experiences. It provides a modular architecture that relies on a plugin-based system to manage document models, schema-driven node definitions, and state updates, allowing developers to assemble tailored content creation environments.

The project distinguishes itself through a source-code injection pattern, where pre-built user interface templates and components are copied directly into the local project codebase. This approach ensures that developers maintain full control over the styling, markup, and functional behavior of their editing interfaces, rather than relying on opaque external dependencies.

The toolkit supports the composition of complex editing functionality through a library of plugins and reusable interface elements. It also includes command-line tools to automate the integration of these components and exposes metadata structures to facilitate the use of external intelligence agents for interface analysis and development.

## Tags

### User Interface & Experience

- [Rich Text Editors](https://awesome-repositories.com/f/user-interface-experience/rich-text-editors.md) — Provides a framework for building custom rich text editing experiences with modular plugins and headless runtimes. ([source](https://platejs.org/docs))
- [Document Schema Definitions](https://awesome-repositories.com/f/user-interface-experience/document-schema-definitions.md) — Defines document structure and behavior through typed node configurations for consistent data handling.
- [Editor Plugins](https://awesome-repositories.com/f/user-interface-experience/editor-plugins.md) — Supports composition of editing functionality through modular plugin packages for tailored content creation. ([source](https://platejs.org/docs))
- [Editor Component Replacements](https://awesome-repositories.com/f/user-interface-experience/editor-customization-tools/editor-component-replacements.md) — Facilitates modification of markup and styles by replacing default editor components with custom local implementations. ([source](https://platejs.org/docs))

### Web Development

- [Editor Toolkits](https://awesome-repositories.com/f/web-development/editor-toolkits.md) — Acts as a toolkit for assembling tailored text editing interfaces with full control over behavior.
- [Headless Editor Frameworks](https://awesome-repositories.com/f/web-development/headless-editor-frameworks.md) — Provides a headless engine for managing document models and state in rich text editing applications.
- [Rich-Text Frameworks](https://awesome-repositories.com/f/web-development/rich-text-frameworks.md) — Provides a modular framework for building custom content editing experiences with headless runtimes.
- [Plugin Ecosystems](https://awesome-repositories.com/f/web-development/build-tooling/plugin-ecosystems.md) — Offers a collection of composable plugins to extend the functionality of the underlying editing engine.

### Software Engineering & Architecture

- [Plugin-Based Architectures](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/plugin-module-systems/modular-plugin-architectures/plugin-based-architectures.md) — Implements a modular architecture where discrete editing features are added via independent plugins.
- [Modular Plugin Architectures](https://awesome-repositories.com/f/software-engineering-architecture/modular-plugin-architectures.md) — Provides a modular architecture for composing text formatting and collaboration features via plugins.
- [Component Injection Systems](https://awesome-repositories.com/f/software-engineering-architecture/component-injection-systems.md) — Enables direct injection of pre-built UI templates into local projects for full control over styling.
