Hi HN! BlockNote (demo @ <a href="https://blocknote-main.vercel.app" rel="nofollow">https://blocknote-main.vercel.app</a>) is my shot at creating an extensible, block-based editor (similar to Notion, Coda, etc.). Featuring different block types, animations (try changing block types, indenting, etc), menus, placeholders, collaboration and more you expect from a good editor.<p>I'm on a journey to build a decentralized, live-programmeable and collaborative block-based editor [1] that syncs over Matrix [2], and unfortunately found that there's still not a great Open Source text editor component on par with something Notion's editor, which is why I got started with this.<p>BlockNote builds on top of Prosemirror [3] and TipTap [4] (two great libraries to build text editors for the web / work with ContentEditable and its quirks), but these libraries are pretty bare-bones ("headless"). While there's still some ground to cover, I hope BlockNote makes it easier to get a better out-of-the-box UX and am looking forward to your feedback!<p>[1] Follow along at <a href="https://www.typecell.org" rel="nofollow">https://www.typecell.org</a><p>[2] See this HackerNews discussion on Matrix-CRDT: <a href="https://news.ycombinator.com/item?id=29978659" rel="nofollow">https://news.ycombinator.com/item?id=29978659</a><p>[3] <a href="https://prosemirror.net/" rel="nofollow">https://prosemirror.net/</a><p>[4] <a href="https://tiptap.dev/" rel="nofollow">https://tiptap.dev/</a>
Hey YousefED, have you looked at what Liveblocks has done in their example here: <a href="https://liveblocks.io/examples/block-text-editor-advanced/nextjs" rel="nofollow">https://liveblocks.io/examples/block-text-editor-advanced/ne...</a><p>It looks a lot to what you've done, but I really like the collaborative aspect.
I see you've used tiptap.dev, do they provide a good multiplayer experience?
I really appreciate your efforts. There are many text editor but most of them lack some features critical for detail writing.<p>Full featured image, video, embed, math, table, symboll support will put BlockNote in a good position.