Skip to content
Luthor Docs

`@lyfie/luthor` Getting Started

@lyfie/luthor Getting Started

Section titled “@lyfie/luthor Getting Started”

@lyfie/luthor is the plug-and-play package in this monorepo. It ships presets, pre-composed UI, and re-exports headless APIs.

Package and compatibility

Section titled “Package and compatibility”
  • Package: @lyfie/luthor
  • Current version: 2.2.0
  • React peer dependencies: ^18.0.0 || ^19.0.0
  • Lexical runtime dependencies: bundled by this package (^0.40.0 family)

Install

Section titled “Install”
Terminal window
pnpm add @lyfie/luthor react react-dom

Basic usage

Section titled “Basic usage”
import { ExtensiveEditor } from "@lyfie/luthor";
import "@lyfie/luthor/styles.css";


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

What you get by default (Extensive preset)

Section titled “What you get by default (Extensive preset)”
  • rich text formatting and block controls
  • command palette and slash commands
  • floating toolbar and contextual actions
  • image, iframe, and YouTube embedding support
  • tables, lists, code/code-block, typography and color tools
  • visual/source mode switching (visual, jsonb)

Headless access from the same package

Section titled “Headless access from the same package”
import { headless } from "@lyfie/luthor";


const { createEditorSystem, richTextExtension } = headless;

Use this when you want gradual migration from preset usage to custom extension composition.

Next steps

Section titled “Next steps”