slash-editor
Getting Started

shadcn Registry

Add the slash-editor registry once, then install any UI piece with shadcn add.

The rendered UI is a real shadcn registry, built from this repo's own source. Install any piece on its own, or everything at once with the kit.

1. Add the registry (once per project)

Several components depend on this repo's own anchor-aware popover/dropdown-menu overrides — add the registry namespace to components.json so shadcn add can resolve them. A raw shadcn add <url> install has no registry context to resolve those cross-references against, and 404s.

{  "registries": {    "@slash-editor": "https://slasheditor.dev/r/{name}.json"  }}

2. Install a component

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

Each component page has its own install command. Installed files land under src/components/, alongside the popover/dropdown-menu overrides they depend on — they're yours to edit from there.

Quick Start

Wire up a minimal editor with the slash menu in a few lines.

Slash Menu

The '/' block-insert command palette — shadcn Command in an anchored Popover, driven by useSlashMenu.

On this page

1. Add the registry (once per project)2. Install a component