Create Notion UI Using Vue 3 – Lotion

Lotion is an open-source library for recreating Notion UI using Vue 3.

Features:

  • 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

Preview:

Create Notion UI Using Vue 3 - Lotion

Download Details:

Author: Dashibase

Live Demo: https://lotion.dashibase.com/

Download Link: https://github.com/Dashibase/lotion/archive/refs/heads/main.zip

Official Website: https://github.com/Dashibase/lotion

Install & Download:

# Yarn
$ yarn add @dashibase/lotion

# NPM
$ npm i @dashibase/lotion

Add Comment