Presence - Bring realtime presence indicators to your product

Easily integrate presence indicators like live cursors and avatar stacks to create a shared, realtime experience.

StacyFlorent

A developer experience you’ll love.

Our APIs make it easy to integrate realtime presence indicators into any app without compromosing on flexibility and customizability.

Read the docs

Browse examples

Pierre

Move your cursor

Stacy

Move your cursor

import { useOthers, useUpdateMyPresence } from "@liveblocks/react";
function LiveCursors() {  const updateMyPresence = useUpdateMyPresence();  const others = useOthers();
  return (    <div      onPointerMove={(event) => {        updateMyPresence({          cursor: {            x: event.clientX,            y: event.clientY,          },        })      }}    >      {others.map(({ connectionId, presence }) => {        return (          <Cursor            key={connectionId}            cursor={presence.cursor}          />        )      })}    </div>  )}

A platform you can trust at scale.

Behind every Liveblocks feature is a battle-tested platform built for scale, reliability, and security—trusted by teams shipping to millions of users.

Monitoring Dashboard

Analyze and manage your collaborative experiences.

Overview

Active users12,000

Active rooms1,990

Comments1,804

Notifications193

Data stored34 Mb

Realtime Infrastructure

Robust WebSocket infrastructure and reliable connection engine.

Not only has Liveblocks helped us bring on new customers, it also enabled us to expand current accounts to more users.
Joel VartyCTO at Agility CMS