? lightweight (31.8kB) cursor chat à la Figma for digital co-existing + presence

As a warning, this library is for experimental purposes and should not be used in production (but very suitable for personal websites and playful experiments!).

Built on top of yjs and perfect-cursors

For a React version of this library, check out y-presence.


Cursor Chat Demo

Press / to start chatting and esc to clear your chat bubble!


Include this fragment in your HTML somewhere to include the base HTML divs, the compiled JavaScript bundle, and the styling.

<div id="cursor-chat-layer">
  <input type="text" id="cursor-chat-box">
<script src=""></script>
<link rel="stylesheet" type="text/css" href=""/>


View Github