bpad

Notepad app · 2026 · Claude Code · Next.js · TypeScript · TipTap · Postgres · PartyKit · Realtime

bpad is a notepad for whatever: briefs, plans, lyrics. Rich text, cloud sync, live collaboration and comments, with a look that doesn't feel like a productivity tool.

Quick demo.

LiveReal-time collaboration

Invite by username or send a link with view or edit rights. Edits show up on the other side as you type, with a named cursor.

youTypeIn your note, on any device.

instantlySaved in the browserLocal first, before anything else.

a second laterSaved to the databaseEach note is a room on a websocket server.

liveCollaborator's screenYour edits, with a named cursor in your colour.

dropped connectionNothing is lostThe local copy syncs when you're back.

version counterStale saves never winA newer local edit beats an older one from the server.

A collaborator typing, seen from the owner's screen.

ShareLinks, QR codes and invites

Send a view link or an edit link, each with a QR code.
No account needed on the other side.
Links can be turned off.
Anyone who opens a private note can ask the owner for access.

Share modal: two links, QR, direct invites — Share modal,

Public view of a note through a view link — Share modal,

CommentsThreads on comments

Select and comment on any content.
Or mention someone with @.
Replies stay under the comment.
Every mention shows up in the notification bell right away.

Notifications: opened, mentioned, requests — A comment with a mention.

StackHow it's built

Next.js 14the app

TipTapthe editor

Clerkaccounts

Prisma + Postgresdata

Vercel Blobimages

PartyKitlive rooms

Export to PDF keeps the design. Markdown, DOCX and plain text are there too. Two weeks, 217 commits.

15Klines of TypeScript

22API routes

12custom editor extensions

6themes

4export formats

14days