Which open-source editor would you choose to build something like Notion

Question

Imagine you are building from scratch a Notion like editor with React, what would be your top choice today?

hiimsteveee · Accepted Answer

Probably tiptap.dev, here's a notion-like editor built with it: https://github.com/steven-tey/novel

hakanderyal · Answer

I chose Lexical. Used heavily by Meta, good architecture.Check out [0] this thread for some comments from an engineer at Notion.[0]: https://news.ycombinator.com/item?id=31814983

meiraleal · Answer

Does any of them work with custom elements and/or Lit? If I was building something from scratch, I would make it compatible with React, Vue and Svelte basing it on Lit/custom elements.

philipisik · Answer

You can build a Notion-like editor on top of https://tiptap.dev :-) Here is a demo of what such an editor might look like: https://demos.tiptap.dev/Since Tiptap is headless, you have the freedom to design and develop the UI exactly the way you want.

billconan · Answer

I used https://prosemirror.net/

Which open-source editor would you choose to build something like Notion

Imagine you are building from scratch a Notion like editor with React, what would be your top choice today?

Probably tiptap.dev, here's a notion-like editor built with it: https://github.com/steven-tey/novel

I chose Lexical. Used heavily by Meta, good architecture.
Check out [0] this thread for some comments from an engineer at Notion.
[0]: https://news.ycombinator.com/item?id=31814983

Does any of them work with custom elements and/or Lit? If I was building something from scratch, I would make it compatible with React, Vue and Svelte basing it on Lit/custom elements.

You can build a Notion-like editor on top of https://tiptap.dev :-) Here is a demo of what such an editor might look like: https://demos.tiptap.dev/
Since Tiptap is headless, you have the freedom to design and develop the UI exactly the way you want.

I used https://prosemirror.net/