Add live cursor tracking and collaborative editing to your application in minutes
See other users' cursors in real-time as they move around the document.
Edit documents together with multiple users simultaneously.
See who's currently viewing and editing the document.
Know when other users are typing with real-time indicators.
Easy-to-use React hooks and components for seamless integration.
Use with any JavaScript framework or vanilla JS applications.
$0/month
No credit card required. No hidden fees.
We believe in open collaboration and making real-time tools accessible to everyone.
Our SDK is completely free and open source under the MIT license.
npm install realtimecursor-sdk
<script src="https://cdn.jsdelivr.net/npm/realtimecursor-sdk@1.1.0/dist-cdn/realtimecursor.min.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/realtimecursor-sdk@1.1.0/dist-cdn/realtimecursor.min.css">
// Initialize the cursor client
const cursorClient = new RealtimeCursor({
apiUrl: 'https://api.realtimecursor.com',
projectId: 'your-project-id',
user: {
id: 'user-123',
name: 'John Doe'
}
});
// Connect to the real-time service
cursorClient.connect();
// Update cursor position on mouse move
editor.addEventListener('mousemove', (e) => {
cursorClient.updateCursor({
x: e.clientX,
y: e.clientY
});
});Start adding real-time collaboration to your application in minutes