DocumentationAPI Reference

Getting Started

Pick the setup path that matches your app.

There are two ways to use emend. Pick the one that matches your app. Both paths start with Installation.

Next.js only for now

These guides are written for Next.js with the App Router, and that is the only setup we test. The AI components are plain React, so they may also work in other React apps, such as one created with Vite, as long as you have a backend endpoint that makes the AI API call. Guides for other frameworks are coming soon.

Existing editorI already have a Tiptap editorKeep your editor and add one or more emend AI surfaces to it.
  • Your schema, extensions, toolbar, and persistence stay as they are
  • Add the Bubble Menu, Composer, or AI Assistant
  • Add one server route that talks to the AI model
Add emend to your editorNew editorI need an editorCopy a complete Tiptap editor starter, with or without an AI surface.
  • A full editor with a toolbar, formatting, tables, and saving
  • Start with no AI or one of the three AI surfaces
  • The copied source is yours to adapt
Copy the editor starter

Try it here

Select some text in the editor below. The Bubble Menu opens next to it. Pick an action and watch the AI suggest a change.

AI Bubble Menu demo

Loading…

What happens when you use it

  1. The AI's suggested change shows up as a preview. Your text is not changed yet.
  2. Click Accept to apply it. You can undo it like any other edit.
  3. Click Reject to throw it away. Your text stays as it was.

Introduction

Add AI writing tools to your Tiptap editor. You review every change, and your editor, documents, and server stay yours.

Installation

Set up your Next.js app and install emend in three steps.

On this page

Try it hereWhat happens when you use it