Cerrar

bpad

App de notas · 2026 · Claude Code · Next.js · TypeScript · TipTap · Postgres · PartyKit · Realtime

Tecnología creativa

bpad es un block de notas para lo que sea: briefs, planes, letras. Texto enriquecido, sincronización en la nube, colaboración en vivo y comentarios, con un diseño que no parece una herramienta de productividad.

El mini brand book.
1 / 4
Una nota de cero a lista: títulos, listas, checklist, tabla y etiquetas.

En vivoColaboración en tiempo real

Invitás por nombre de usuario o mandás un link con permiso de ver o editar. Lo que escribe el otro aparece mientras lo escribe, con un cursor con su nombre.

vosEscribísEn tu nota, en cualquier dispositivo.
al instanteGuardado en el navegadorPrimero local, antes que nada.
un segundo despuésGuardado en la base de datosCada nota es una sala en un servidor de websockets.
en vivoLa pantalla de quien colaboraTus cambios, con un cursor con tu nombre y tu color.
se corta la conexiónNo se pierde nadaLa copia local se sincroniza cuando volvés.
contador de versionesUn guardado viejo nunca ganaUn cambio local más nuevo le gana a uno más viejo del servidor.
Un colaborador escribiendo, visto desde la pantalla del dueño.

CompartirLinks, códigos QR e invitaciones

  • Mandá un link de lectura o uno de edición, cada uno con su código QR.

  • Del otro lado no hace falta cuenta.

  • Los links se pueden apagar.

  • Quien abre una nota privada puede pedirle acceso al dueño.

Modal de compartir: dos links, QR, invitaciones directas
El modal de compartir, la vista pública, un pedido de acceso y la respuesta del dueño.
Vista pública de una nota con un link de lectura
Vista pública.
Pantalla de pedir acceso a una nota privada
Pantalla sin acceso.
Pedido de acceso en las notificaciones del dueño
Aviso de pedido de acceso.
1 / 4

ComentariosHilos en los comentarios

  • Seleccioná y comentá cualquier contenido.

  • O mencioná a alguien con @.

  • Las respuestas quedan debajo del comentario.

  • Cada mención aparece al instante en la campana de notificaciones.

Un comentario con una mención.
Notificaciones: abierto, mencionado, pedidos
Notificaciones: abierto, mencionado, pedidos.
1 / 2

StackCómo está hecho

Next.js 14la app
TipTapel editor
Clerkcuentas
Prisma + Postgresdatos
Vercel Blobimágenes
PartyKitsalas en vivo

La exportación a PDF conserva el diseño. Markdown, DOCX y texto plano también están. Dos semanas, 217 commits.

15Klíneas de TypeScript
22rutas de API
12extensiones propias del editor
6temas
4formatos de exportación
14días