Typix Editor
A modern, extensible rich-text editor framework built on Lexical
Typix is a headless, extension-based rich-text editor framework for React. It wraps Meta's Lexical with a clean, fluent API and a powerful extension system.
Why Typix?
- Headless — No forced UI. Full control over every rendered element.
- Extension-based — Modular features you install only when needed.
- Fluent API — Chain editor operations with a clean, discoverable interface.
- Type-safe — First-class TypeScript support throughout.
- Built on Lexical — Battle-tested foundation from Meta with direct access when you need it.
Quick Example
import { EditorRoot, EditorContent, createEditorConfig, defaultExtensionNodes, defaultTheme,} from "@typix-editor/react";import { Toolbar } from "./Toolbar";const config = createEditorConfig({ extensionNodes: defaultExtensionNodes, theme: defaultTheme,});export default function MyEditor() { return ( <EditorRoot config={config}> <div className="editor-container"> <Toolbar /> <EditorContent placeholder="Start typing..." /> </div> </EditorRoot> );}