In this tutorial, we’ll build an Excalidraw-style collaborative whiteboard using Next.js, HTML5 Canvas, and Velt. You’ll add real-time features like live cursors, comments, presence, and huddles directly into your app. Instead of wiring everything manually, we’ll use Velt MCP and AI agents to handle the integration. We’ll also look at how CRDT-based sync keeps everything in real time.
By the end, you’ll have a fully working multi-user canvas app with production-ready collaboration built in.
What we are building
Excalidraw-style infinite whiteboard
Real-time collaboration with cursors, comments, huddle, notifications, and presence
