Product Thumbnail

slash-editor

Notion-style block editor for React. MIT, UI you own

Open Source
Developer Tools
GitHub
Visit WebsiteSee on Product HuntGithub ⧉

Hunted byNhat BuiNhat Bui

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.

Top comment

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.

Comment highlights

Bringing your own backend is a big plus. Makes this way more practical for products that already have their own stack.

Using Tip tap v3 under the hood makes sense. Are there any limitations when extending the editor with custom extensions?

I like that the UI components live directly in the repo instead of being locked behind a hosted service.

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.

slash-editor was featured in Open Source (69k followers), Developer Tools (521.6k followers) and GitHub (41.4k followers) on Product Hunt. Together, these topics include over 139k products, making this a competitive space to launch in.

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.

Want to see how slash-editor stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.