aicoolies logo
Tiptap logo

Tiptap

Headless rich text editor framework with real-time collaboration

Share
freemiumOpen Source
Visit Website →

Tiptap is a headless rich text editor toolkit for building Notion-like collaborative content experiences in web applications. Built on ProseMirror, it provides a modular extension system for formatting, mentions, tables, drag-and-drop blocks, slash commands, and custom node types. The open-source core is framework-agnostic with official bindings for React, Vue, and vanilla JavaScript. Cloud extensions add real-time collaboration, AI content generation, and document management.

Tiptap gives developers full control over rich text editing without the constraints of an opinionated editor UI. The headless architecture means you bring your own design system—Tiptap handles the editing logic, selection management, input handling, and document model while you render everything exactly how you want. The extension system is modular: start with basic text formatting and progressively add tables, code blocks, mentions, task lists, embedded media, or entirely custom node types specific to your application.

The editor is built on ProseMirror, the same foundation used by the New York Times, Atlassian, and other organizations requiring reliable document editing. Tiptap wraps ProseMirror's powerful but complex API into a developer-friendly interface with clear lifecycle hooks, chainable commands, and TypeScript support throughout. Extensions can define custom keyboard shortcuts, input rules that auto-format as you type, paste handling for external content, and node views that render arbitrary React or Vue components inside the document.

The Tiptap Cloud offering extends the open-source core with real-time collaboration via WebSocket, AI content generation and editing assistance, document conversion between formats, and cloud-hosted comment threads. The open-source package has strong community adoption for building CMS interfaces, knowledge bases, email composers, and any application where structured content creation is central to the user experience.

Pricing

Free open-source core (MIT). Cloud features paid.

Platforms

JavaScript, React, Vue, vanilla JS (browser-based)

Categories

Tags

Use Cases

Alternatives

Related Tools

ZCode

Z.ai desktop agentic development environment for GLM-5.2 coding

ZCode is Z.ai’s Agentic Development Environment for GLM-5.2 coding workflows. The desktop app combines a first-party coding agent, goal mode, model/provider setup, MCP server management, Git and terminal context, remote phone control, usage stats and safety confirmation modes so developers can plan, implement, review and iterate on long-running software tasks from one workspace.

freemiumTelemetry

OpenWiki

LangChain CLI for maintaining agent-friendly codebase documentation

OpenWiki is LangChain’s open-source CLI for generating and maintaining an agent-focused wiki inside a codebase. It can create an openwiki/ documentation folder, update it from repository changes, add guidance to AGENTS.md or CLAUDE.md, and run via an interactive CLI or daily GitHub Action so coding agents have durable context without stuffing every detail into prompts.

open-sourceOpen SourceTelemetry
OpenUI logo

OpenUI

Open-source UI generation from natural-language prompts

OpenUI is an Apache-2.0 design-to-code tool from W&B that turns natural-language interface prompts into live HTML previews and frontend code. Teams can run it locally or with Docker, connect OpenAI, Groq, LiteLLM-compatible providers, or Ollama, and export generated UI toward React, Svelte, Web Components, and related workflows. It fits rapid UI mockups where developers want editable code instead of screenshots.

open-sourceOpen SourceTelemetry

Notion MCP Server

Official Notion MCP server for AI-agent workspace access

Notion MCP Server is Notion's official MIT-licensed MCP server for connecting AI assistants to Notion workspaces. It supports the vendor-backed remote OAuth path and tools designed for page, workspace, and Markdown-style operations, making it a safer default than unofficial Notion bridges for teams already using Notion for docs, projects, or internal knowledge bases.

open-sourceOpen SourceTelemetry

Linear MCP Server

Official authenticated remote MCP endpoint for Linear issues, projects, comments, and coding-agent workflows.

Linear MCP Server is Linear’s official authenticated remote MCP endpoint for agent access to issues, projects, and comments. It gives Claude, Codex, Cursor, VS Code, Windsurf, Zed, and other clients a centrally hosted way to find, create, and update Linear work items through OAuth-backed MCP without maintaining a local connector or brittle API glue.

freemiumTelemetry

Slack MCP Server

Official Slack MCP server for approved workspace search, messaging, canvas, and user-context actions.

Slack MCP Server is Slack’s official remote MCP layer for giving approved AI clients workspace context and controlled actions. It lets agents search messages, files, users, and channels, draft or send messages, read threads, manage canvases, and authenticate through Slack OAuth while workspace admins approve integrations and normal Slack rate limits still apply.

freemiumTelemetry