This guide will help you get started with building real-time collaborative features like presence and live cursors in your Bubble app.

What is Liveblocks?

Liveblocks is a platform that allows users to add collaborative features to their products, such as comments, notifications, and real-time APIs.

What’s in the plugin?

The free Liveblocks plugin implements a small portion of what is possible with Liveblocks and is maintained by Lunch Pail Labs. With Liveblocks, users can:

  • See who is online and track their activity with presence.
  • Watch each other’s live cursor movements across the page in real-time.
  • Create and update Liveblocks rooms directly from within Bubble, enabling dynamic, shared experiences for your users.

Installation and Setup

For detailed instructions on how to install and configure the Liveblocks plugin, check out the setup guide.

What Can You Build?

Here’s a quick overview of the core features you can build using Liveblocks in your Bubble app:

With Liveblocks, you can create dynamic, real-time collaborative experiences, such as tracking users’ presence and displaying live cursor movements across the page. Explore these key features to enhance interactivity in your Bubble projects.

Next Steps

Now that you’re set up, explore the plugin reference or get started with the how-tos.