Notion's editor, but you can actually self-host it
A drop-in rich-text component that adds AI autocomplete to the familiar block-based editing experience.

What it does
Novel is a React component that renders a Notion-style WYSIWYG editor with slash commands, drag-and-drop blocks, and AI-powered text completion triggered by the ++ shortcut. It packages Tiptap/ProseMirror with Tailwind styling and wires the AI stream through Vercel’s AI SDK to OpenAI.
The interesting bit The project is essentially a polished integration layer — it doesn’t invent a new editor engine, but it does the tedious work of gluing Tiptap’s extensibility to streaming LLM responses and a modern deployment stack. There’s also a VSCode extension and community ports for Svelte and Vue, which suggests the core abstraction is thin enough to travel across frameworks.
Key highlights
- Built on Tiptap/ProseMirror, so you’re not locked into a bespoke document model
- AI completions via Vercel AI SDK with streaming UI updates
- One-click Vercel deploy with blob storage for assets
- Community-maintained Svelte and Vue packages
- VSCode extension available
Caveats
- Docs are marked WIP; you’ll be reading source code for advanced customization
- Requires Vercel Blob (still in beta) and an OpenAI API key out of the box
- The “cross-framework support” is community-maintained, so React gets first-class treatment
Verdict Grab this if you need a Notion-like editor in a Next.js app and don’t want to spend two weeks wrestling with ProseMirror plugins. Skip it if you need battle-tested collaborative editing or can’t stomach OpenAI dependency lock-in.