Novel.sh

Paid

Open‑source Notion‑style editor with AI autocompletions for React, Svelte, and Vue.

#Notion-style#WYSIWYG editor#AI-powered autocompletions#React#Svelte#Vue#Vercel#VSCode extension#Next.js#Tiptap#Vercel AI SDK#OpenAI#developer experience#rich text editors#AI-assisted writing tools#documentation#community contributions#Apache-2.0 licensing

Inputs: textOutputs: text

Type

Saas

Visit Website

About Novel.sh

Novel is an open-source, Notion-style WYSIWYG editor designed for developers building rich text editing experiences in web applications. It is built primarily for React, with community-maintained packages for Svelte and Vue, and can be deployed on platforms like Vercel or run locally with minimal configuration. The editor integrates AI-powered autocompletions to assist with writing and editing, leveraging the Vercel AI SDK and OpenAI. Novel is powered by Next.js and Tiptap, and is licensed under Apache-2.0, with documentation and community contributions available. It also offers a VSCode extension for extensibility.

Key Features

Open-source Notion-style WYSIWYG editor

AI-powered autocompletions for faster writing

Apache-2.0 license

React-first with community Svelte and Vue packages

One-click Vercel deployment

Local setup with OPENAI_API_KEY and Vercel Blob token

VSCode Extension for in-editor access

Built with Next.js, Tiptap, Vercel AI SDK, TailwindCSS, and OpenAI

Comprehensive docs and community-driven development

Instant custom AI apps

Pros & Cons

Pros

Open-source and free to use under Apache-2.0 license
AI-powered autocompletions can improve writing efficiency
Supports multiple frontend frameworks (React, Svelte, Vue) via community packages
Easy to deploy on Vercel and run locally with minimal configuration
Extensible with a VSCode extension for developers

Cons

AI features require integration with OpenAI, which may incur API costs
Community packages for Svelte and Vue may have less support than the React version
Documentation and community contributions may vary in completeness
Requires familiarity with Next.js and Tiptap for customization

Best For

React developers: Embed a Notion-style, AI-assisted editor into React apps with minimal setup.Technical writers: Use AI autocompletions to speed up documentation drafting and editing.Product teams: Create internal knowledge bases and wikis with rich formatting and AI help.Startup founders: Launch a blog or docs portal quickly via 1-click Vercel deployment.Open-source maintainers: Customize the editor via Tiptap extensions and accept community contributions.SaaS builders: Offer AI-powered note-taking and collaborative writing inside your product.Educators: Provide students with a distraction-free, AI-aided writing environment.Content marketers: Draft, iterate, and format posts faster with AI completions and WYSIWYG tools.VSCode users: Access editor capabilities directly in VSCode via the community extension.Cross‑framework teams: Adopt React-first packages with community options for Svelte and Vue.