Notion-style block editor for React. MIT, UI you own
slash-editor gives your React app the Notion block experience: a slash menu, drag handles, nested reorder, turn-into, comments and real-time collab. It runs on a headless Tiptap v3 core. The UI arrives through a shadcn registry, so the components land in your repo and follow your Tailwind tokens. Tables, columns, Mermaid, AI via your own model, markdown import/export. MIT end to end, no paid tier, nothing hosted.
Hey Product Hunt 👋
I'm Nhat. I kept rebuilding the same Notion-style editor in different products. The engine
(ProseMirror/Tiptap) is great and free. The block UX on top usually isn't: slash menu, drag
handles, block comments.
slash-editor is my attempt to make that layer open and ownable:
🧠 Headless core: logic you update from npm
🎨 shadcn registry: markup you own and restyle
🤝 Collab, comments and AI are all adapters, so you bring your own backend
📜 MIT top to bottom
Try the playground (open it in two tabs with `?collab=ph` to see live collab):
https://slasheditor.dev/playground
I'd love to know which block you'd want next.
About slash-editor on Product Hunt
“Notion-style block editor for React. MIT, UI you own”
slash-editor launched on Product Hunt on October 2nd, 2026 and earned 76 upvotes and 6 comments, placing #28 on the daily leaderboard. slash-editor gives your React app the Notion block experience: a slash menu, drag handles, nested reorder, turn-into, comments and real-time collab. It runs on a headless Tiptap v3 core. The UI arrives through a shadcn registry, so the components land in your repo and follow your Tailwind tokens. Tables, columns, Mermaid, AI via your own model, markdown import/export. MIT end to end, no paid tier, nothing hosted.
On the analytics side, slash-editor competes within Open Source, Developer Tools and GitHub — topics that collectively have 632k followers on Product Hunt. The dashboard above tracks how slash-editor performed against the three products that launched closest to it on the same day.
Who hunted slash-editor?
slash-editor was hunted by Nhat Bui. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of slash-editor including community comment highlights and product details, visit the product overview.
Nhat Bui