Code & Rich-Text Editors Packages
Embeddable code and rich-text editors for building IDE-like editing and WYSIWYG content tools in the browser (CodeMirror, Monaco, TipTap).
Packages in Code & Rich-Text Editors
Kind
Sort:Used by Most Apps
prosemirror-view
Renders ProseMirror editor state as a live, editable DOM tree and handles user input.
prosemirror-model
The persistent document model and schema system at the core of the ProseMirror rich-text editor.
prosemirror-state
Immutable, plugin-extensible editor state for ProseMirror, with transactional document, selection, and stored-mark updates.
@lezer/common
The packed syntax-tree data structure and parser interfaces shared by every Lezer parser
Slate
Completely customizable framework for building rich text editors
@codemirror/lang-yaml
YAML language support for the CodeMirror 6 code editor, with highlighting, indentation, folding, and frontmatter parsing.
Ace Builds
Prebuilt Ace code editor bundles for embedding a fast, extensible editor with 100+ language modes in any web app
tiptap-markdown
A Markdown extension bringing bidirectional Markdown input/output to the Tiptap rich-text editor
@codemirror/language-data
Language metadata and dynamic loading for every language mode in the CodeMirror 6 editor
Hocuspocus
A plug-and-play Yjs WebSocket backend for real-time collaborative editing
y-prosemirror
The official Yjs binding for the ProseMirror rich-text editor, enabling real-time collaboration
@lezer/lr
Runtime incremental GLR parser engine that powers Lezer grammars and CodeMirror's syntax trees
monaco-yaml
YAML language support for the Monaco Editor, with JSON Schema-powered validation and autocompletion
@codemirror/lang-xml
XML language support package for the CodeMirror 6 code editor
@codemirror/merge
A diff and merge view extension for the CodeMirror 6 code editor
@codemirror/lang-rust
Rust language support for the CodeMirror 6 code editor, powered by a Lezer grammar.
React-Ace
A React component wrapper around the Ace code editor, with split and diff editing modes built in
diff2html
Generate pretty, GitHub-style HTML diffs from git diff or unified diff output
@codemirror/lang-java
Java language support for the CodeMirror 6 editor, powered by a Lezer grammar.
@codemirror/lang-cpp
C++ language support for the CodeMirror 6 code editor, with syntax highlighting, indentation, and code folding.
@blocknote/core
A Notion-style, block-based rich text editor engine for the web, built on ProseMirror and Tiptap.
vue-codemirror
Vue 3 component wrapping the CodeMirror 6 code editor
Plate
A React rich-text editor framework built on Slate, with a plugin system, AI features, and shadcn/ui components.
Sandpack React
Composable React components and hooks for building live, in-browser code editing and preview experiences.
