lotion

Hiya HackerNews! We just released Lotion as an npm package! Lotion is an extensible open-source Notion-like UI built on Vue 3, and now you can add it as a Vue component to your own apps. - Block-based editor - Drag to reorder blocks - Basic Markdown-parsing including bold, italic, headings and divider - Type '/' for command menu and shortcuts - Register your own blocks - Read-only mode Check out a demo at https://lotion.dashibase.com/ We also shared about Lotion and recreating the Notion UI during [CityJS Singapore's conference](https://twitter.com/dashibase/status/1554070309224861696?s=2...)! You can install it via `npm i @dashibase/lotion` and do check out the repository at https://github.com/dashibase/lotion

My friend and I love the Notion UI, so we open-source a version we have been building. - Block-based editor - Drag to reorder blocks - Basic Markdown-parsing including bold, italic, headings and divider - Type '/' for command menu and shortcuts Tiny fun detail: When you move between blocks with your arrow keys, your cursor will remain at roughly the same horizontal position (vs jumping to the start or end of a block). Lotion is quite limited for now, and we would love any contributions (e.g. image blocks, video blocks, code blocks, etc.)