# BlockNote: Open Source block-based (notion style) editor on top of Prosemirror

**URL:** <https://discuss.prosemirror.net/t/blocknote-open-source-block-based-notion-style-editor-on-top-of-prosemirror/4898>\
**Category:** Show\
**Created:** [September 8, 2022, 5:16pm UTC](https://discuss.prosemirror.net/t/blocknote-open-source-block-based-notion-style-editor-on-top-of-prosemirror/4898 "2022-09-08T17:16:01Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![YousefED](https://discuss.prosemirror.net/user_avatar/discuss.prosemirror.net/yousefed/32/2624_2.png) [@YousefED](https://discuss.prosemirror.net/u/YousefED)\
**Post date:** [September 8, 2022, 5:16pm UTC](https://discuss.prosemirror.net/t/blocknote-open-source-block-based-notion-style-editor-on-top-of-prosemirror/4898/1 "2022-09-08T17:16:01Z")

</div>

Hi there!

I’m excited to share BlockNote, a block-based editor on top of Prosemirror / Tiptap: [GitHub - YousefED/BlockNote: A "Notion-style" block-based extensible text editor built on top of Prosemirror and Tiptap.](https://github.com/yousefed/blocknote). Or [try the live demo here](https://blocknote-main.vercel.app/).

Some features:

Animations:

![animations](https://discuss.prosemirror.net/uploads/secondsite/original/2X/2/20696e9f966a14f0938739c8cbea72df40e9a721.gif)

Menus:

![slashmenu](https://discuss.prosemirror.net/uploads/secondsite/original/2X/4/4fc8589ebfab1e5e9a7f1729b154ac9ed0142a72.gif)

… and [plenty more](https://github.com/yousefed/blocknote#features) (drag 'n drop, collaboration, placeholders, etc.).

It’s not “feature-complete” yet in terms of blocks, but I think people have been struggling with building a block-based editor on top of Prosemirror (I know I have), and hope this project can be helpful!

Where Prosemirror really offers raw building-blocks, BlockNote is more opinionated and comes with a UI out-of-the-box, so I hope it will be easier to integrate into your project if you don’t have the time / resources to start a PM editor from scratch.

Feedback welcome!

---

<div class="post-metadata">

**Author:** ![marijn](https://discuss.prosemirror.net/user_avatar/discuss.prosemirror.net/marijn/32/15_2.png) [@marijn](https://discuss.prosemirror.net/u/marijn)\
**Post date:** [September 8, 2022, 9:25pm UTC](https://discuss.prosemirror.net/t/blocknote-open-source-block-based-notion-style-editor-on-top-of-prosemirror/4898/2 "2022-09-08T21:25:18Z")

</div>

Nice! I like the minimalist look and interface. /-commands for keyboard-based styling work well.

---

<div class="post-metadata">

**Author:** ![YousefED](https://discuss.prosemirror.net/user_avatar/discuss.prosemirror.net/yousefed/32/2624_2.png) [@YousefED](https://discuss.prosemirror.net/u/YousefED)\
**Post date:** [September 9, 2022, 8:03am UTC](https://discuss.prosemirror.net/t/blocknote-open-source-block-based-notion-style-editor-on-top-of-prosemirror/4898/3 "2022-09-09T08:03:55Z")

</div>

Thanks Marijn! I also took extra care to follow your suggestion in [this topic](https://discuss.prosemirror.net/t/block-structure-editor-by-prosemirror/2620/2); to keep everything in one PM instance instead of having every block wrapped in a separate instance.

---

<div class="post-metadata">

**Author:** ![mertdeveci5](https://discuss.prosemirror.net/user_avatar/discuss.prosemirror.net/mertdeveci5/32/3524_2.png) [@mertdeveci5](https://discuss.prosemirror.net/u/mertdeveci5)\
**Post date:** [July 21, 2023, 12:58pm UTC](https://discuss.prosemirror.net/t/blocknote-open-source-block-based-notion-style-editor-on-top-of-prosemirror/4898/4 "2023-07-21T12:58:28Z")

</div>

Hey @YousefED - great blockeditor. However trying it out to integrate, we noticed that it is not really extendable beyond its current capabilities which are limited (example: table inserts). Did you build further extensions or have any plans to change it so it is really extendable. [Here](https://news.ycombinator.com/item?id=36791987) is another query of the same thing