# heyscrumpy/tiptap

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/heyscrumpy-tiptap).**

37,270 stars · 3,018 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/heyscrumpy/tiptap
- Homepage: https://tiptap.dev
- awesome-repositories: https://awesome-repositories.com/repository/heyscrumpy-tiptap.md

## Description

Tiptap is a headless rich text editor framework and extensible WYSIWYG framework designed for building custom text editors. It functions as a high-level wrapper around the ProseMirror toolkit, separating core editing logic and state management from the user interface.

The framework enables real-time collaborative editing through a synchronization system using conflict-free replicated data types. It also supports the integration of AI content generation to provide automated suggestions and content refinement directly within the editor.

The system utilizes a plugin-based extension architecture to add custom nodes, marks, and interaction patterns. It covers document version management and schema-driven modeling to ensure consistent data formats across the editing experience.

## Tags

### Software Engineering & Architecture

- [Headless Logic Decoupling](https://awesome-repositories.com/f/software-engineering-architecture/headless-logic-decoupling.md) — Provides a headless architecture that decouples core editing logic and state management from the visual rendering layer.
- [Document State Managers](https://awesome-repositories.com/f/software-engineering-architecture/document-state-managers.md) — Maintains a central document state and transaction system via a high-level wrapper around the ProseMirror toolkit.
- [Extensible Plugin Architectures](https://awesome-repositories.com/f/software-engineering-architecture/extensible-plugin-architectures.md) — Features an extensible plugin architecture for injecting custom nodes, marks, and commands into the editor pipeline.

### User Interface & Experience

- [Headless Frameworks](https://awesome-repositories.com/f/user-interface-experience/rich-text-editors/headless-frameworks.md) — A framework for building custom text editors by separating the core editing logic from the user interface.
- [Editor Extension Frameworks](https://awesome-repositories.com/f/user-interface-experience/editor-extension-frameworks.md) — A modular system for adding custom nodes, plugins, and AI-driven content generation to a text editor.
- [Editor Plugins](https://awesome-repositories.com/f/user-interface-experience/editor-plugins.md) — Provides a plugin system to add custom block types and interaction patterns to the rich text editor. ([source](https://github.com/heyscrumpy/tiptap#readme))
- [Rich Text Editors](https://awesome-repositories.com/f/user-interface-experience/rich-text-editors.md) — Offers a framework for building custom document models and rich text editing experiences. ([source](https://github.com/heyscrumpy/tiptap#readme))
- [Document Schema Definitions](https://awesome-repositories.com/f/user-interface-experience/document-schema-definitions.md) — Defines a strict structural hierarchy of allowed nodes and marks to ensure consistent document data formats.

### Business & Productivity Software

- [Collaborative Editors](https://awesome-repositories.com/f/business-productivity-software/team-collaboration-events/collaboration-communication-tools/collaboration-software/collaborative-editors.md) — Enables multiple users to synchronize and collaborate on shared documents in real time. ([source](https://github.com/heyscrumpy/tiptap#readme))

### Development Tools & Productivity

- [Real-time Synchronization](https://awesome-repositories.com/f/development-tools-productivity/change-tracking/real-time-synchronization.md) — Implements real-time state synchronization across multiple clients using CRDTs to ensure document consistency during collaborative sessions.

### Web Development

- [Collaborative Editing Frameworks](https://awesome-repositories.com/f/web-development/collaborative-editing-frameworks.md) — Allowing multiple users to edit the same document simultaneously with synchronized changes and conflict resolution.
- [Headless Editor Frameworks](https://awesome-repositories.com/f/web-development/headless-editor-frameworks.md) — Implements a headless editor framework that provides core logic without enforcing a specific user interface.

### Artificial Intelligence & ML

- [AI-Assisted Editing Environments](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-assisted-editing-environments.md) — Integrates AI-powered content generation and refinement suggestions directly within the editing workflow. ([source](https://github.com/heyscrumpy/tiptap#readme))
- [Automated Content Generation](https://awesome-repositories.com/f/artificial-intelligence-ml/artificial-intelligence-tooling/automated-content-generation.md) — Leverages artificial intelligence to assist users in the automated generation and refinement of text content.

### Data & Databases

- [Atomic Transaction Models](https://awesome-repositories.com/f/data-databases/atomic-transaction-models.md) — Utilizes atomic transactions for document updates, enabling precise undo, redo, and change tracking.

### Part of an Awesome List

- [Rich Text Editors](https://awesome-repositories.com/f/awesome-lists/productivity/rich-text-editors.md) — Extendable and renderless rich-text editor.