cursor-chat
TypeScript icon, indicating that this package has built-in type declarations

0.5.8 • Public • Published

cursor-chat

💬 (63.4kB) lightweight 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.

Demo

Cursor Chat Demo

Press / to start chatting and esc

Usage

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">
</div>
<script type="module">
  import { initCursorChat } from 'https://esm.sh/cursor-chat'
  initCursorChat("your-room-name-here")
</script>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/cursor-chat/dist/style.css"/>

Readme

Keywords

none

Package Sidebar

Install

npm i cursor-chat

Weekly Downloads

162

Version

0.5.8

License

MIT

Unpacked Size

588 kB

Total Files

8

Last publish

Collaborators

  • jackyzha0