DevTools

Inspect collaborative experiences

Build collaborative features with confidence with the Liveblocks DevTools browser extension.

localhost:3000

Explore your projects from a new angle

Visualize your collaborative experiences as you build them, in real-time. See how your data structures are resolved and how they change over time.

Liveblocks DevTools in dark mode
  • Conflict‑free data types

    Inspect a room’s storage to visually understand what is stored and how.

  • Presence

    Inspect currently present users and the data associated to them.

  • Always up-to-date

    All changes are reflected in real-time, see them as they happen.

  • Made to feel at home

    It was designed to look great on all browsers, including in dark mode.

Start making your product collaborative with the Liveblocks toolkit today