Home
UI Component Library
Create Notion UI Using Vue 3 – Lotion

Create Notion UI Using Vue 3 – Lotion

Dashibase First listed on October 7, 2022
Live Demo Download Source Code

Install & Download:

# Yarn
$ yarn add @dashibase/lotion
# NPM
$ npm i @dashibase/lotion

Description:

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

Add Comment