View all examples

Collaborative To-do List

This example shows how to build a collaborative to-do list with Liveblocks and React.

Live preview

Open the example above and share it on multiple windows or devices to try it live.

As users edit the list, changes will be automatically persisted and synced—allowing for a list that updates in real-time across clients. Users will also be able to see who else is currently online and when a user is typing.

Getting started

Tutorial

Follow our step by step tutorial to build it from scratch.

More examples