Skip to main content

Editora Ecosystem

A rich-text editor you can actually read the source of.

Core runtime, React bindings, a plugin system, and a matching UI kit — versioned, typed, and documented as one coherent system.

Get startedRead the architecture
8 packages·MIT licensed·Tree-shakeable
notes.tsx
import { Editor } from "@editora/react";
import { bold, italic, link, table } from "@editora/plugins";

export function Notes() {
  return (
    <Editor
      plugins={[bold, italic, link, table]}
      theme="default"
      onChange={(doc) => save(doc)}
    />
  );
}

Install

npmnpm i @editora/core @editora/react @editora/plugins
pnpmpnpm add @editora/core @editora/react @editora/plugins
yarnyarn add @editora/core @editora/react @editora/plugins

Packages

Editor

@editora/core

Framework-agnostic runtime and web component.

@editora/react

React wrapper with lifecycle hooks.

@editora/plugins

Composable authoring plugin catalog.

@editora/themes

Default, dark, and custom theme tokens.

UI Kit

@editora/ui-react

React-first UI layer for app composition.

@editora/ui-core

Framework-neutral UI primitives.

@editora/icons

Framework-neutral icon assets.

@editora/react-icons

React icon components.

Reference application

A hospital ops dashboard, built entirely on the UI kit

Patient records, appointments, billing, pharmacy, and lab workflows — exercising drawers, accordions, date pickers, and tables together in a real, busy interface instead of isolated snippets.

Open showcaseBrowse examples
VersionedDocs ship per release, not just for main.
Local-first searchAlgolia when configured, indexed fallback otherwise.
Live playgroundEditable code blocks throughout the guides.
Typed end to endEvery package ships its own .d.ts.

For AI assistants

Machine-readable component registry

Generate runnable Editora code with real imports via the AI guide and components.json.

AI guidePrompt packcomponents.json