React Integration

React is the baseline runtime for both packages.

What works

• Presets: turnkey with package CSS.
• Headless: fully custom UI with extension composition.

Install

npm install @lyfie/luthor

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

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

Caveats

• Keep editor rendering client-side when using SSR frameworks.
• Import preset CSS once at app root.

Related docs

• @lyfie/luthor Presets
• @lyfie/luthor-headless Overview