← all repositories
steven-tey/novel

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.

16.3k stars TypeScript App Builders
novel
Velocity · 7d
+14
★ / day
Trend
steady
star history

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.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.