Projects  /  Pubwave Editor
✍️

Pubwave Editor

A Notion-level block editor built with React and Tiptap — a fluid writing experience with slash commands, drag & drop blocks, and a built-in AI composer.

LibraryReactTiptapnpmSSR-safeMIT
Live demo npm ↗ GitHub ↗

Overview

A premium writing experience with a selection-only toolbar, block drag & drop, slash commands, rich formatting, tables, charts, and image support. Fully themeable via CSS custom properties, SSR-safe for Next.js, and shipping only what you need on top of React + Tiptap peer dependencies.

npm install @pubwave/editor

Screenshots

A rich document built in the editor — headings, charts, tables, code, and more
A rich document built in the editor — headings, charts, tables, code, and more

Features

  • 📝 Premium writingFluid, responsive editing with a natural Enter-driven writing flow.
  • ✨ Selection toolbarContextual formatting that appears only when you select text.
  • 🎯 Block drag & dropIntuitive reordering with clear visual feedback.
  • ⌨️ Slash commandsType / to quickly insert blocks and formatting.
  • 📊 Tables & chartsRich blocks including tables and Chart.js-powered charts.
  • 🤖 AI composerBuilt-in /ai command — bring your own model: OpenAI, Anthropic, Gemini, Ollama, and more.