.mint-block {
    display: block
}
.mint-hidden {
    display: none
}
.dark\:mint-block:is(.dark *) {
    display: block
}
.dark\:mint-hidden:is(.dark *) {
    display: none
}

Features

Tech Stack

Novel is a headless Notion-style WYSIWYG editor

Introduction

Novel Docs

Quickstart

Development

Use Novel with your favorite styling or components

Overview

AI Command (Soon)

Image Upload (New)

Global Drag Handle (New)

A wrapper component for the editor. It provides a consistent layout and styling for the editor.

Editor Root

Editor Content

Editor Command

Editor Command Item

Editor Bubble

Editor Bubble Item

Imperative API for interacting with the editor.

useEditor

Components

Github

Demo

Follow this guide to set up Novel with Tailwindcss

Setup

Styled and configured Tiptap extensions for your editor

Extensions

Create a slash command to insert content into the editor.

Slash Command

Showcase of the Bubble Menu component in various configurations.

Get Started

Guides

Introduction

Features

Tech Stack

Get Started

Guides

​Features

​Tech Stack

Features

Tech Stack