DEV Community

Aditya Sorathiya
Aditya Sorathiya

Posted on

I removed live cursors from PasteDB — and replaced them with line-level editing presence

I recently made a small but important change to PasteDB's collaborative editor.

Previously, PasteDB showed live cursors for other users while they were editing. While this was useful, I found that multiple cursors could make the editor feel cluttered, especially when several people were working at the same time.

So I removed the live cursor UI and replaced it with a simpler line-level editing indicator.
Now, when another user is editing a line:

  • A small colored dot appears in the editor gutter.
  • The dot shows exactly which line the user is working on.
  • Hovering over the dot reveals the user's name.
  • The indicator stays out of the code itself, keeping the editor cleaner.
  • Multiple users can be shown editing different lines at the same time.

Demo

The goal was to make collaboration feel less distracting while still letting everyone know what others are working on.

Try PasteDB

You can try the collaborative editor and other PasteDB features here:

Try PasteDB →
https://pastedb.netlify.app/

I'd love to know which approach you prefer for collaborative editors: live cursors or lightweight line-level presence?

Top comments (0)