Liveblocks

Item: Liveblocks
Rating: 7.5

Realtime sync, comments and collaboration infrastructure for apps and AI agents.

liveblocks.io Save page

7.5/10MABTU rating

DESKTOP · 1440 × 9,304/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline, two buttons, rendered 3D object, pager dots
02logo cloudTwo rows of grey customer logos
03product cardsHorizontal strip of light app-like product cards
04featuresBordered 2x2 grid with icons963
05featuresBuilding blocks panel and benefits grid1,059
06developerCode tabs and live cursor demo1,014
07testimonialQuote carousel with uptime and compliance badges1,134
08ctaPlanet horizon arc, two buttons632
09footerFive-column link footer976

Rating · Home

Visual design7.8

UX & clarity7.4

Originality7.2

Craft & consistency7.8

Motion7.0

Performance & a11y7.7

This page scores 7.5; the site score weights the home page double.

Main colours

Light & dark toggle·black background·mono

Typography

Suisseheading · font · unknown Suissebody · font · unknown

Stack & style

Next.js React Three.js Tailwind CSS WebGL canvas

Minimal Monochrome 3D Dark tech Product-UI-led Horizontal scroll Logo cloud Review badges Sticky header Tabs Testimonial slider Text reveal Transparent header

Also: Plausible, Vercel, Google Analytics

Design DNA

Near-black canvas with a centred small grotesk headline, a purple text-cursor caret typed into 'multiplayer', and a floating rendered metal object under soft grey fog. A two-row grey logo cloud leads to a two-tone statement headline (white then grey), then a horizontal strip of light product cards (AI companion, annotations, inbox) mimicking familiar apps. Features sit in thin-bordered 2x2 grids with line icons, a code snippet with tabs, a quote carousel, a large faded 99.99% uptime figure and a dark planet-horizon arc behind the final CTA.

Worth borrowing

Show the product as light 'like Google Docs / like Linear' cards scrolling across a black page.
Write the second half of a headline in grey so one sentence carries a claim and its payoff.
End the page with a glowing planet-horizon curve behind the closing CTA.