Block editing without the paywall

A headless Tiptap core, React bindings, and a shadcn block UI you install as source and own.

Built on

The block interaction model, not just formatting buttons

Free tiptap+shadcn projects stop at toolbars. Plate Plus charges €299 per developer for the block UI. slash-editor ships it as source you own, for free.

Keyboard-first block UX

Slash insertion, hover drag handles, reordering, nesting and block comments. The interaction model free tiptap+shadcn projects stop short of.

  • /h1
  • /todo
  • /table
  • /columns
  • /mermaid
  • /callout
  • /image
  • /embed
  • /toggle
  • /quote
  • /divider
  • /ai
See the slash menu

Headless core, any UI

@slash-editor/core is Tiptap/ProseMirror extensions and commands only. No React, no CSS.

import { createBlockKit } from "@slash-editor/core";

const extensions = createBlockKit({ image: false });
Read the core API

You own the markup

The rendered UI installs as source through a shadcn registry, not a locked component library. Restyle it with your own tokens from day one.

How the registry works

Real-time collaboration

Self-hosted Yjs and Hocuspocus, with presence carets and a comment thread store included. No hosted sync server to pay for.

  • Yjs
  • Hocuspocus
  • Presence carets
  • Comment threads
Wire up collaboration

AI slash actions

Streamed through a StreamAdapter you write against any model.

  • Continue writing
  • Summarize
  • Brainstorm
  • Fix grammar
Implement an adapter

MIT end to end

No paid tier, no hosted dependency, no relicensing risk. Every dependency in the graph is MIT.

registry items
22
MIT licensed
100%
packages: core and react
2
paid tiers
0
Read the docs

22 registry items. Take the kit or take one.

Every item is a standalone registry entry that copies its source into your repo, where you edit it like any other file.

Editing surfaces

  • slash-menu
  • bubble-toolbar
  • block-handle
  • mention-menu
  • emoji-menu
  • link-editor-popover

Collaboration

  • comment-panel
  • comment-composer
  • presence-avatars
  • table-of-contents

Pages

  • page-header
  • page-tree
  • page-breadcrumb
  • page-backlinks
  • page-node-views

Node views

  • node-views
  • mermaid-node-view
  • code-block-node-view

Primitives

  • popover
  • dropdown-menu
  • icons

One command installs the kit

bunx --bun shadcn@latest add @slash-editor/slash-editor-kit

Add the one-time registry setup to components.json first, or browse the components one by one.

Install it, own it, ship it.

Everything on this page is in the repository. Read it, restyle it with your tokens, and ship it in your product.