Typix Editor
A modern, extensible rich-text editor framework built on Lexical
Typix is a headless, extension-based rich-text editor framework for React, built on Meta's Lexical. You install only the extensions you need, own the UI source via the CLI, and stay close to Lexical when you need to.
Why Typix
- Headless — Editor logic and rendering are decoupled. Nothing forces a particular look.
- Extension-based — 25 first-party extensions for marks, blocks, toolbars, mentions, code, tables, images, AI helpers, and more. Install only what you use.
- You own the UI — typix ui add copies
React components into your repo (shadcn-style). Customize anything;
nothing is locked inside
node_modules. - Type-safe — Extensions augment a global command interface; the editor.chain() builder is typed per installed extension.
- Built on Lexical — Battle-tested engine. Direct editor.lexical access whenever you need a raw Lexical command.
Quick example
What's in v2
useTypixEditor
Hook-based editor creation with explicit extension list, theme, and namespace.
TypixEditorContext.Provider
The new provider pattern. Replaces v1's EditorRoot.
typix ui add
Vendor UI components (FloatingLinkUI, MentionUI, CodeBlockUI, …) into your project.
25 extensions
Starter kit plus 24 individual extensions, each a separate npm package.