yoopta-editor

Yoopta-Editor: Build Custom Rich-Text Editors for React

Yoopta-Editor is a React rich-text editor built on Slate.js, with a headless core, modular plugins, and optional UI and themes. Use it to add document editing, page building, or collaboration to a React app without assembling every editor feature from scratch.

QuietTypeScriptMITReactLibraryDeveloper Tools
Stars
3.1k
Forks
221
Stars, last 30 days
+6
Last commit
6 months ago
Contributors
14

Our take

Quietno commits in the last 90 days

Health score

28/100

How it is scored
Activity
41
Community
29
Issues
21
Pull requests
20

+6 stars in the last 30 days

Yoopta-Editor offers a broad, modular toolkit for React editors, but its current quiet development and concentration of contributions in one person warrant a maintenance check before a major adoption.

Good fit if

  • You are building a React editor and want Slate.js-based plugins, UI components, and a headless option in one ecosystem.
  • You need block-based editing or optional Yjs collaboration and are prepared to assemble the experience from packages.
  • You can work with an MIT-licensed project and assess its maintenance independently.

Look elsewhere if

  • Your team requires consistent recent commits or issue and pull-request activity. The project is marked quiet, with no commits in the last 90 days and no issues closed or PRs merged in that period.
  • You need a Material theme that is ready to use, since the README marks it as in progress.
  • Your product is not built with React, or you want an editor that comes with a fixed, fully assembled interface.
All health signals
Last commit2026-05-11 (6 months ago)
Commits, last 90 days0
Releases, last 12 months9 (latest v6.0.2, 2026-03-16)
Contributors14 (top contributor: 95% of commits)
Issues closed, last 90 days0
Pull requests merged, last 90 days0
Project age4 years

Checked on 2026-11-07 with the GitHub API.

Project history

Daily GitHub snapshots since Oct 7, 2026. History covers stars and forks; health signals are not tracked historically.

Selected snapshot

Stars

3,095

Forks

222

Change since Nov 10, 2026: 0 stars·0 forks

Overview

Yoopta-Editor is a React rich-text editor built on Slate.js. It aims to make it easier to add editors ranging from simple blog composers to Notion-like workspaces and page builders, without forcing developers to adopt a fixed interface or build every editing control themselves.

Its core is headless, while separate packages provide block plugins, formatting marks, UI components, themes, exports, and optional Yjs collaboration. This modular approach suits React teams that want to shape the editing experience around their product.

Key Features

  • Compose editors from plugins for text, headings, lists, media, tables, embeds, and other block types.
  • Use a headless core with optional UI components for toolbars, slash commands, block actions, and drag-and-drop.
  • Extend the editor with custom block plugins, inline elements, and text marks.
  • Export content as HTML, Markdown, plain text, or email, and work with Yoopta JSON content.
  • Apply built-in undo and redo, editor events, keyboard shortcuts, and block and element APIs.
  • Add optional real-time collaboration using Yjs, with presence and remote cursors.
  • Use the available Shadcn theme for styled block elements; the Material theme is still in progress.

Use Cases

  • A product team building a React writing or document editor that needs formatting, blocks, and reusable controls.
  • A CMS team creating a page builder with movable blocks, custom settings, and live previews.
  • Developers embedding rich-text composition in email, chat, or README editing workflows.
  • Teams needing multi-user editing in a React app that can integrate the optional Yjs collaboration package.

What you need

Detected in the repository

  • Node.js (from package.json)
  • A test suite

License in plain words

MITpermissive

  • Commercial use: yes
  • Modify and redistribute: yes
  • You must keep: the copyright and license notice
  • Share your changes: no

A summary, not legal advice: the LICENSE file is what applies.

Getting Started

Install the core, Slate dependencies, and the plugins you need:

yarn add slate slate-react slate-dom @yoopta/editor @yoopta/paragraph

See the README for setup, package choices, and examples.

Alternatives

  • BlockNote: BlockNote uses ProseMirror and Tiptap, while Yoopta-Editor is built on Slate.js; both provide extensible block-based editing for React.
  • textrix: Textrix focuses on Medium-style publishing and static HTML output, while Yoopta-Editor offers a modular Slate-based editor for React apps.
ProjectLanguageLicenseStarsStatus
Yoopta-EditorTypeScriptMIT3.1kQuiet
BlockNoteTypeScriptOther10.3kActive
textrixTypeScriptMIT52Inactive

Considerations

The repository has had no commits in the last 90 days, despite publishing releases during the past year. Reported issue closures and merged pull requests were also absent in that period. Although 14 contributors are listed, most code contributions come from one person, which makes continuity and review capacity worth checking with maintainers before relying on the project for a core product feature.

The README identifies Node.js as a runtime requirement for development and reports tests, but no CI configuration. The Material theme is in progress; the README describes Shadcn as production ready. The core is headless, so a polished interface may require integrating the provided UI and theme packages or building custom UI. The project uses the MIT license.

Found this useful?

Share it with someone who would like Yoopta-Editor.

Comparisons