TypeScript-first rich text editor ecosystem for React, built on Lexical.

🚀 Production-ready presets + 🧩 headless extension runtime + 🔓 MIT license

✨ Why Luthor

Luthor is an open-source rich text editor ecosystem designed for teams that want modern DX without editor lock-in.

• 📦 Two-package model: start fast with presets, go deep with headless composition
• 🛡️ TypeScript-first APIs: safe command/state integrations
• ⚡ Lexical-powered: modern performance and extensibility
• 🎨 UI freedom: build custom editor experiences when product requirements evolve
• 📦 ESM-first distribution: optimized for modern React bundling

📦 Packages

Package	Purpose	Best for	npm
@lyfie/luthor	Plug-and-play editor presets + polished UI	Shipping quickly with minimal setup	npm
@lyfie/luthor-headless	Headless extension runtime and typed editor system	Full UI control and custom workflows	npm

🚀 Quick Start

pnpm add @lyfie/luthor react react-dom

import { ExtensiveEditor } from "@lyfie/luthor";
import "@lyfie/luthor/styles.css";

export function App() {
  return <ExtensiveEditor placeholder="Start writing..." />;
}

Need full control?

pnpm add @lyfie/luthor-headless lexical @lexical/code @lexical/link @lexical/list @lexical/markdown @lexical/react @lexical/rich-text @lexical/selection @lexical/table @lexical/utils react react-dom

🌐 Product Links

• Website: luthor.fyi
• Docs home: luthor.fyi/docs/getting-started
• Live demo: luthor.fyi/demo
• GitHub: lyfie-app/luthor
• Sponsor: github.com/sponsors/lyfie-app

📚 Documentation

Public-facing docs:

• Luthor getting started: documentation/user/luthor/getting-started.md
• Luthor presets/config: documentation/user/luthor/presets-and-configuration.md
• Luthor extensive editor: documentation/user/luthor/extensive-editor.md
• Headless getting started: documentation/user/headless/getting-started.md
• Headless extensions/config: documentation/user/headless/extensions-and-configuration.md
• Headless import/export: documentation/user/headless/import-export.md

Developer/maintainer docs:

• Documentation index: documentation/index.md
• Documentation hub: documentation/documentation-hub.md
• Markdown catalog: documentation/markdown-catalog.md
• README map: documentation/developer_notes/readme-map.md
• Luthor architecture: documentation/developer/luthor/architecture.md
• Headless architecture: documentation/developer/headless/architecture.md

💻 Monorepo Development

Requirements:

• Node >=20
• pnpm@10.4.1

Install + run:

pnpm install
pnpm dev

Quality gates:

pnpm build
pnpm lint
pnpm format
pnpm size:check
pnpm check:rule-contracts

Windows + WSL split workflow (Cloudflare/OpenNext operations):

pnpm run web:preview:wsl
pnpm run web:deploy:wsl

🤝 Contributing

1. Fork + clone the repo.
2. Create a feature branch.
3. Run checks locally (pnpm lint, pnpm build, pnpm test where applicable).
4. Open a PR with a clear scope and screenshots/GIFs for UI changes.

Issue tracker: github.com/lyfie-org/luthor/issues

📈 Community

Star History

Contributors

📄 License

MIT (c) Luthor Team