---
title: "Integrate the Tiptap Editor"
description: "Build a custom rich text editor with Tiptap, a customizable and headless editor framework. Learn more about Tiptap in the docs."
canonical_url: "https://tiptap.dev/docs/editor/getting-started/overview"
---

# Integrate the Tiptap Editor

Build a custom rich text editor with Tiptap, a customizable and headless editor framework. Learn more about Tiptap in the docs.

Build a rich-text editor that fits your product with exactly the features you need. Tiptap wraps the proven ProseMirror library in a modern, framework-agnostic API and gives you extensions and features for everything.

## What is Tiptap?

Tiptap is a headless rich-text editor framework that lets you build a custom editor completely tailored to your and your customers' needs.
It's built on top of ProseMirror, a battle-tested library for building rich-text editors on the web.
Under the hood Tiptap heavily relies on [Events](https://tiptap.dev/docs/editor/api/events.md), [Commands](https://tiptap.dev/docs/editor/api/commands.md),
and [Extensions](https://tiptap.dev/docs/editor/extensions/overview.md) to provide a flexible and powerful API for building editors.

## Why pick Tiptap?

- **Modular by default:** Add only the extensions you need, from bold and links to complex tables and slash-menus. Keep the bundle small and your schema under control.
- **Headless first** Plug Tiptap into React, Vue, Svelte, plain JS, or any other framework. Or integrate with React [UI Components and templates](https://tiptap.dev/docs/ui-components/getting-started/overview.md)
- **Open source & Pro extensions:** Tiptap's open source is published on GitHub under the MIT license. When you need advanced features like comments or AI commands drop in paid Tiptap extensions.

Want to get started with Tiptap? Follow our [installation guide](https://tiptap.dev/docs/editor/getting-started/install.md) to set up your first editor with Tiptap.

[Templates
Get started fast with a prebuilt editor that includes commonly used features.](https://tiptap.dev/docs/ui-components/templates/simple-editor.md)

[Components
Already using Tiptap? Drop in just the pieces you need.](https://tiptap.dev/docs/ui-components/components/overview.md)

### Extend your editor

Extend your Tiptap Editor with open source or Pro extensions. The Tiptap suite adds more sophisticated features and comes with a 30-day free trial through your [Tiptap Cloud dashboard](https://cloud.tiptap.dev/v2/billing).

- Start with [`StarterKit`](https://tiptap.dev/docs/editor/extensions/functionality/starterkit.md) – a battery-included set of core marks and nodes.
- Add [functional extensions](https://tiptap.dev/docs/editor/extensions/functionality.md) – character counters, placeholders, history.
- Add [content extensions](https://tiptap.dev/docs/editor/extensions/overview.md) – images, tables, diagrams, custom nodes.
- Create your own by following our [custom extension guide](https://tiptap.dev/docs/editor/extensions/custom-extensions.md).

Add Version History, Comments or drop in an AI agent
Create a Tiptap account, open your dashboard, and start the 30 day trial to test every paid feature Tiptap has to offer.

No credit card required
Integrate all Pro and Cloud Extensions.
Test Collaboration, Comments, Version history and more.
Integrate AI features in your editor.

[Start trial](https://cloud.tiptap.dev/register)

[First StepsHow to set up and configure the Tiptap editor?Editor](https://tiptap.dev/docs/editor/getting-started/configure.md)

[First StepsHow to integrate Pro Extensions?Editor
Collaboration](https://tiptap.dev/docs/guides/pro-extensions.md)

[First StepsHow to make your Editor collaborative?Editor
Collaboration](https://tiptap.dev/docs/collaboration/getting-started/install.md)

[StylingHow to apply styling to the headless Tiptap EditorEditor](https://tiptap.dev/docs/editor/getting-started/style-editor.md)