Package: integrationsType: integrationSurface: tooling

Remix Integration

Remix integration is straightforward in client-rendered route components.

What works

Preset editor components in route modules.
Headless runtime in custom React components.

Install

npm install @lyfie/luthor

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

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

Caveats

Render editor in browser runtime route components.
Import preset CSS in the route/layout that owns the editor surface.