Novel
Notion-style WYSIWYG editor with AI-powered autocompletions
Novel Overview
Novel is a modern WYSIWYG editor that combines the familiar Notion-style interface with powerful AI-driven autocompletion features. Designed for developers and content creators, it offers a seamless writing experience enhanced by smart suggestions. The editor integrates advanced formatting options with AI capabilities to streamline content creation workflows. Novel is built on popular web technologies, making it easy to implement in various web applications while providing a robust editing environment.
Novel Screenshot

Novel Official screenshot of the tool interface
Novel Core Features
Notion-style Interface
Novel provides a clean, intuitive interface inspired by Notion, with familiar formatting options and block-based editing that users love.
AI-powered Autocompletions
The editor leverages AI technology to offer smart suggestions and completions as you type, significantly speeding up content creation.
WYSIWYG Editing
True What-You-See-Is-What-You-Get functionality ensures content appears exactly as it will when published, eliminating guesswork.
Developer-Friendly
Available as an npm package, Novel is easy to integrate into web applications, with comprehensive documentation available.
Next.js Template
A ready-to-use template is available for Next.js applications, allowing quick implementation of the editor.
Novel Use Cases
Content Management Systems
Integrate Novel into CMS platforms to provide content creators with a superior editing experience featuring AI assistance.
Documentation Sites
Use Novel for technical documentation where both proper formatting and writing efficiency are important.
Blogging Platforms
Implement Novel in blogging platforms to help writers overcome writer's block with AI suggestions.
How to Use Novel
Install Novel via npm by running 'npm install novel' in your project directory.
Import the editor component into your application and configure it according to your needs.
Set up any required API keys for AI features if you're using the autocompletion functionality.
Start using the editor in your application - begin typing to experience the AI-powered suggestions.