Collaborative Editing

collaboration.tsx
You are Genevieve Leuschke
Live
v6 (beta)
Connecting...
1 user
G

How to test collaboration

  1. Open this same page in a second browser tab
  2. Each tab gets a random identity — you'll see both users in the status bar
  3. Start typing in one tab and watch the text appear in the other in real-time
  4. Notice the colored cursor and name label of the remote user
  5. Share the URL with a friend to collaborate across devices

Powered by Yjs & a local Hocuspocus server. Run yarn collab-server to start it.

Add real-time collaboration to your editor in minutes.