Introduction to Novel
Novel is an exciting addition to the world of editors, bringing a Notion-style WYSIWYG experience along with AI-powered autocompletion. It's built with Tiptap + Vercel AI SDK, making it a robust tool for various content creation needs.
Overview
The concept behind Novel is to provide users with an intuitive and efficient way to create and edit content. With its AI-powered autocompletion, it can anticipate what the user might be typing next, saving time and reducing errors. It's like having a helpful assistant right at your fingertips as you work on your documents.
Core Features
- Slash menu & bubble menu: These menus offer quick access to various functions, making it easy to navigate and utilize the different features of Novel.
- AI autocomplete: Activate it by typing ++ or selecting from the slash menu. This feature really sets Novel apart, as it uses AI to predict and complete your text, much like how our brains might fill in the blanks when we're writing.
- Image uploads: You can easily add images to your content by dragging & dropping, copying & pasting, or selecting from the slash menu. This makes it convenient to enhance your documents with visual elements.
- Add tweets and mathematical symbols: From the command slash menu, you can add tweets, and even input mathematical symbols using LaTeX expressions, which is great for those working on technical or academic content.
Basic Usage
To get started with Novel, first, you need to install it using npm i novel. Then, in your code, you can import the Editor like this: import { Editor } from "novel";. After that, you can use it in your application as shown in the example: export default function App() { return ( <Editor /> ) }.
Compared to other existing AI-powered editors, Novel stands out with its unique combination of a Notion-style interface and powerful autocompletion features. It offers a seamless experience for content creators, whether they're working on casual writing or more technical and detailed documents.
