Novel + excalidraw

An open-source Notion-style WYSIWYG editor with AI-powered autocompletions and whiteboard for drawings

Setting Up Locally

To set up Novel locally, you'll need to clone the repository and set up the following environment variables:

• OPENAI_API_KEY – your OpenAI API key (you can get one here)
• BLOB_READ_WRITE_TOKEN – your Vercel Blob read/write token (currently still in beta, but feel free to sign up on this form for access)

If you've deployed this to Vercel, you can also use vc env pull to pull the environment variables from your Vercel project.

To run the app locally, you can run the following commands:

pnpm i
pnpm dev

Cross-framework support

While Novel is built for React, we also have a few community-maintained packages for non-React frameworks:

• Svelte: https://novel.sh/svelte
• Vue: https://novel.sh/vue

Novel is built on the following stack:

• Next.js – framework
• Tiptap – text editor
• Excalidraw - whiteboard
• OpenAI - AI completions
• Vercel AI SDK – AI library
• Vercel – deployments
• TailwindCSS – styles
• Cal Sans – font