<BlogPostCustomerFacts
  logo="/images/companies/logos/clover.svg"
  name="Clover"
  urlWebsite="https://cloverapp.co"
  teamSize={4}
  yearFounded={2020}
  customerSinceDate={new Date(2021, 5, 1)}
/>

## Challenge

Clover is a productivity tool that helps people take notes, whiteboard, track
todos, and plan their day in one unified solution. While the Clover team knew
they’ll eventually build a multiplayer product, the first version of their
product was focused on creating a great single-player notetaking and
whiteboarding experience.

As more people started using the product, Clover needed to become inherently
more collaborative to encourage guest collaboration and drive organic user
growth.

Building and maintaining a realtime collaborative infrastructure in‑house is
extremely difficult and time-consuming. Clover needed a third‑party solution to
help them turn their product into a realtime multiplayer experience without
spending months of engineering time away from their core offering.

## Solution

Because Clover was built with React and Firebase, the data could be easily
refreshed when new updates would come through. The Clover team then used
Liveblocks to add presence to the product so that their users would have a
better idea of who’s in a document and what they’re currently doing. In less
than a day, they built and shipped a live avatar stack, live cursors, and live
selection.

<Figure>
  <Image
    src="/images/blog/clover-live-avatar-stack.jpg"
    alt="Live avatar stack in Clover"
    width={672}
    height={200}
    quality={90}
  />
</Figure>

<Figure>
  <Image
    src="/images/blog/clover-live-cursors.png"
    alt="Live cursors in Clover"
    width={672}
    height={200}
    quality={90}
  />
</Figure>

<Figure>
  <Image
    src="/images/blog/clover-live-selection.png"
    alt="Live selection in Clover"
    width={672}
    height={200}
    quality={90}
  />
</Figure>

## Results

Clover now offers a true realtime multiplayer experience to their users, which
helped increase guest sign-ups and also saved them tens of thousands of dollars
in development and maintenance costs.

<BlogPostQuote
  quote="Liveblocks enabled us to add realtime presence to our application in hours instead of weeks and we don’t have to worry about maintenance. This is a no‑brainer for anyone building collaborative experiences."
  author={{
    name: "Tom Giannattasio",
    title: "Co-founder and CEO at Clover",
    avatarUrl: "/images/people/tom-giannattasio.jpg",
    companyAvatarUrl: "/images/companies/avatars/clover.jpg",
    companyName: "Clover",
  }}
/>