---
title: "Install the Comments extension"
description: "Install the comments extension in Tiptap to add threaded discussions to your editor and app. Learn more in the docs!"
canonical_url: "https://tiptap.dev/docs/comments/getting-started/install"
---

# Install the Comments extension

Install the comments extension in Tiptap to add threaded discussions to your editor and app. Learn more in the docs!

Install and configure the comments extension by following this guide. Take a look at the Comments example application at the bottom of this page for a whole integration.

- **1. Activate trial or subscribe**

  Start a [free trial](https://cloud.tiptap.dev/v2?trial=true) or [subscribe to the Start plan](https://cloud.tiptap.dev/v2/billing) in your account.
- **2. Start Document server**

  To store Comments [Add an Environment](https://cloud.tiptap.dev/v2/configuration/document-server) in your dashboard and configure your [Document server](https://cloud.tiptap.dev/v2/configuration/document-server).
- **3. Install from private registry**

  To install this extension, authenticate to Tiptap’s private npm registry by following the [setup guide](https://tiptap.dev/docs/guides/pro-extensions.md).

## Access the private registry

The Comments extension is published in Tiptap’s private npm registry. Integrate the extension by following the [private registry guide](https://tiptap.dev/docs/guides/pro-extensions.md).

```bash
npm install @tiptap-pro/extension-comments
```

## Integrating the Comments extension

After installing the `comments` extension via npm or any other package manager, you can use it in your editor by registering the extension in the `extensions` property of your editor instance.

The Comments extension consists of multiple components, including nodes and plugins. To include all the required features, use the `CommentsKit` extension.

```js
import { CommentsKit } from '@tiptap-pro/extension-comments'

const editor = new Editor({
  ...
  extensions: [
    ...,
    CommentsKit,
  ]
})
```

This will add all required extensions to your editor. Since Threads are a **cloud** or **on premises** feature you will need to also pass through a `TiptapCollabProvider` instance to your comments extension.

```js
const collabProvider = new TiptapCollabProvider({
  // your provider options
})

const editor = new Editor({
  ...
  extensions: [
    ...,
    CommentsKit.configure({
      provider: collabProvider,
    }),
  ]
})
```

Your editor is now ready to support threads.

See a full example of how to use the Comments extension in the following example:

> **Interactive demo:** [Comments](https://embed-pro.tiptap.dev/preview/Extensions/Comments?inline=false\&hideSource=false)