Lexical vs MDXEditor
Lexical
lexical.devMDXEditor
mdxeditor.devSide by side
| Figure | Lexical | MDXEditor |
|---|---|---|
| Price from | — | Free |
| Free plan | — | Yes |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| Plans published | 0 | 1 |
| Spec score · Rich Text Editor Software | 7.2 (#26) | 8.3 (#9) |
| Integrations | The documentation lists use in Meta web products and at Bloomberg, and names Payload CMS, Supabase, Proton Docs, MDXEditor, Sveltia CMS, Dify, RAGFlow, DeepSeek Harness, Paperclip, and Lexxy as products using Lexical. | The package is installed from npm in a React project, and the getting-started guide documents Next.js, Vite, Remix, and Create React App setups. |
| License | The GitHub repository identifies the project as MIT licensed. | The GitHub repository lists an MIT license. |
| Product | Lexical is an extensible text editor framework for the web with a small, dependency-free core and optional packages. | MDXEditor is an open-source React component for authoring Markdown documents in a WYSIWYG manner. |
| Support | The homepage directs questions, bug reports, and community sharing to the Lexical Discord server. | The maker invites users to open a GitHub issue or discussion and lists an email contact for reaching out. |
Plans
In their own words
MDXEditor
MDXEditor is a web-based React component for writing Markdown in a rich-text editor. It accepts and returns Markdown strings, without converting documents through an intermediate HTML representation. Its editing engine uses Lexical, and developers can add capabilities with plugins or build plugins for additional Markdown constructs. Listed tools include headings, quotes, links, lists, images, tables, code blocks, front matter, shortcuts, directives, JSX components, source editing, diff views, and a customizable toolbar. Table editing covers rows, columns, and alignment, with Markdown allowed in cells but not HTML tables. Images can come from URLs or local devices, be pasted or dropped, and use an integrator-provided upload handler. Code blocks support syntax highlighting and language-aware editing, with CodeMirror available for editable blocks. It is installed from npm in React projects and has setup guides for Next.js, Vite, Remix, and Create React App. It is self-hosted, free at free, and licensed under MIT. Server rendering and changes to font size, color, or family are not supported.