Novel: AI-Powered WYSIWYG Editor
Novel is a Notion-style WYSIWYG editor supercharged with AI-powered autocompletion. Built using Tiptap and the Vercel AI SDK, Novel offers a seamless writing experience with intelligent features designed to boost your productivity.
Key Features
- AI Autocomplete: Predict your next word or phrase with AI-powered suggestions. Activate autocomplete by typing
++
or selecting from the slash menu. - Slash Menu & Bubble Menu: Quickly access and utilize various features and commands through intuitive menus.
- Image Uploads: Effortlessly add images via drag-and-drop, copy-and-paste, or by selecting from the slash menu.
- Tweet Integration: Embed tweets directly into your documents using the slash menu.
- LaTeX Support: Write mathematical expressions using LaTeX syntax. For example:
E=mc^2
,a^2 = b^2 + c^2
,f(ξ) = ∫_{-∞}^{∞} f(x)e^{-2πixξ} dx
,A = \begin{bmatrix} a & c \\ b & d \end{bmatrix}
,∑_{i=0}^{n} x^i
Getting Started
Installation:
npm i novel
Usage:
import { Editor } from "novel";
export default function App() {
return (
<Editor />
);
}
Comparisons
While Novel shares similarities with Notion in its WYSIWYG approach, its key differentiator is the integrated AI-powered autocomplete feature. Other editors may offer similar functionality, but Novel's integration with the Vercel AI SDK provides a unique and powerful writing experience. This integration allows for more contextually relevant suggestions, leading to faster and more efficient writing.
Conclusion
Novel is a promising new tool for anyone who wants to enhance their writing workflow with the power of AI. Its intuitive interface and powerful features make it a valuable asset for writers, students, and professionals alike. The seamless integration of AI capabilities sets it apart from traditional WYSIWYG editors, offering a more intelligent and efficient writing experience.