Introducing Novel

Novel is a Notion-style WYSIWYG editor with AI-powered autocompletion. Built with Tiptap + Vercel AI SDK.

Installation

npm i novel

Usage

import { Editor } from "novel";

export default function App() {
  return (
     <Editor />
  )
}

Features

1. Slash menu & bubble menu

2. AI autocomplete (type ++ to activate, or select from slash menu)

3. Image uploads (drag & drop / copy & paste, or select from slash menu)

4. Add tweets from the command slash menu:

5. Mathematical symbols with LaTeX expression:

   1. $E = mc^2$
      

   2. $a^2 = \sqrt{b^2 + c^2}$
      

   3. $\hat{f} (\xi)=\int_{-\infty}^{\infty}f(x)e^{-2\pi ix\xi}dx$
      

   4. $A=\begin{bmatrix}a&b\\c&d \end{bmatrix}$
      

   5. $\sum_{i=0}^n x_i$
      

Learn more

• Star us on GitHub

• Install the NPM package

• Deploy your own to Vercel