Novel
Novel is a cool What You See Is What You Get (WYSIWYG) editor designed to resemble the Notion interface, incorporating advanced AI-powered autocompletion functionalities to aid in writing and content creation.
The tool is built on top of Tiptap — a headless, extensible framework that provides rich text editing capabilities — and Vercel AI SDK, which powers the AI autocomplete feature. To use Novel, users need to install it via npm and can then easily incorporate it into their projects as demonstrated.
Novel boasts several notable features aimed at enhancing the user experience and productivity. These include a slash menu and a bubble menu for easy access to formatting options and tools, AI autocomplete activated by typing ‘++’ or selecting from the slash menu to assist with content creation, and support for image uploads through drag and drop, copy and paste, or selection from the slash menu.
All these functionalities make Novel an attractive option for users looking for a powerful and efficient editing tool. It also encourages users to contribute to its growth by starring the project on GitHub, and for those interested in deploying their version – there is the option to do so on Vercel.
What are the key features? ⭐
- AI Autocomplete: Generates inline text suggestions when you type ++ or select from the slash menu, helping maintain flow during writing.
- Slash & Bubble Menus: Provides quick access to formatting options, block types, and AI actions for efficient editing.
- Image Upload & Embed: Supports drag-and-drop, paste, or menu-based image insertion, plus tweet embedding directly in content.
- LaTeX Math Support: Renders mathematical expressions and symbols using LaTeX for technical or scientific writing needs.
- Open-Source & Customizable: Fully available on GitHub with Tiptap foundation, allowing deep modifications and extensions.
Who is it for? 🤔
Examples of what you can use it for 💭
- Web developer: Integrates the editor into a Next.js blog or CMS to let users draft posts with AI-assisted phrasing and formatting.
- Technical writer: Uses LaTeX support and inline completions to create documentation or tutorials with equations and clear prose.
- Product builder: Adds a polished writing experience to internal tools or SaaS features, keeping users productive without leaving the app.
- Content creator: Drafts articles or newsletters in a Notion-like environment that suggests improvements or expansions on demand.
- Open-source contributor: Forks the repo to customize prompts, add new extensions, or build a tailored editor for a niche community.
Pros & Cons ⚖️
- Beautiful, intuitive UI
- Free & open-source core
- Seamless AI completions
- Easy image/tweet embeds
- Requires coding to deploy
- AI depends on API costs
