Create live cursors in Bubble using the Liveblocks plugin by Lunch Pail Labs

In this video, I'll show you how to create real-time live cursors using the Liveblocks plugin for Bubble, built by Lunch Pail Labs. Whether you're building interactive apps or working with real-time collaboration tools, this step-by-step tutorial will help you integrate Liveblocks' live cursor feature into your Bubble app. You'll learn how to create live cursors and work with the plugin.

⏰* TIMESTAMPS*
00:00 - Introduction
00:54 - Cloning the Page from the Previous Tutorial
01:12 - Exposing the HTML ID
01:56 - Modifying the Avatar Group
02:43 - Adjusting Workflows for Live Cursors
03:23 - Demoing Live Cursors
04:00 - Conclusion

⬇️ LINKS MENTIONED
-How to set up the Liveblocks plugin: https://addons.lunchpaillabs.com/bubb...
-Full written guide on building a real-time presence tracker:
https://addons.lunchpaillabs.com/bubb...
-Full written guide on building live cursors: https://addons.lunchpaillabs.com/bubb...
-Liveblocks: https://liveblocks.io/
-Bubble: https://bubble.io/

🧱 What's Lunch Pail Labs?
Lunch Pail Labs builds and manages third-party apps and integrations for your favorite SaaS tools. Learn more: https://lunchpaillabs.com/


🤝 Connect with Lola
-Twitter: https://x.com/ojabowalola
-LinkedIn:   / lolaojabowale