Liveblocks Is an API That Lets You Add Real-Time Collaboration to Your Product


Image Source: Product Hunt

Meet Live blocks, a startup that has been working on a set of APIs so that it’s easier to build a collaborative product. Essentially, it lets you create multiplayer experiences on the web or in your app.

The company first started with a live presence state API. If you include this API in your product, it means that now you can show when somebody joins a page, a project, or a document by displaying a picture in a corner. Moreover, you can also share the position of everyone’s cursor, text selection, or content selection in real-time.

Live blocks are presently testing in private beta a live storage API. This is going to be a key element as it is going to let people view and edit the same data in real-time. For instance, you can use it to develop a Google Docs competitor or if you want to add a whiteboard tool to your services.

The service works across multiple browsers and devices. Behind the scenes, the company uses a Web-Socket connection for real-time communication. Pricing depends on the number of simultaneous connections that you expect around the same room, document, experience.

Image Source: Product Hunt

Co-founder and CEO Steven Fabre said, “Guillaume Salles and I decided to work together on a browser-based collaborative presentation/video tool. After months of iteration, we realized that we were spending a majority of our time figuring out how to handle the real‑time collaboration aspect of things, instead of focusing on the core mechanics of the tool,”

The company raised a $1.4 million pre-seed round during the summer. Investors include Bold-start, Seed-camp, Meta Fund, Logic & Rhythm, Max Stoiber, Storm Taylor, Moritz Plassing, Anthony DiMare.

Live-blocks’ main advantage is that it’s a high-level API. Ably, a startup I’ve covered recently focuses more on the low-level aspect of the problem. A React front-end developer can read the documentation and integrate Live-blocks in its product. You don’t have to understand how the infrastructure layer works to get started.


Please enter your comment!
Please enter your name here