Typix LogoTypix

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

Loading preview...
import {  EditorRoot,  EditorContent,  createEditorConfig,  defaultExtensionNodes,} from '@typix-editor/react';import { Toolbar } from './Toolbar';const config = createEditorConfig({  extensionNodes: defaultExtensionNodes,});export default function MyEditor() {  return (    <EditorRoot config={config}>      <Toolbar />      <EditorContent placeholder="Start typing..." />    </EditorRoot>  );}

Explore

On this page