Liveblocks website design

Every section we captured from the Liveblocks website, in page order, from the hero section down to the CTA section. Open any thumbnail to see it full size.

Sections 6

In page order, top to bottom

  1. Liveblocks hero section: nav bar, announcement pill, large centered white headline, subcopy and two CTAs on black with a faint light beam
    01 Hero

    Ready-made collaborative features

  2. Liveblocks hero section: nav bar, centered headline and two CTAs above a media player waveform mockup with a comment thread on a maroon glow
    02 Hero

    Enable feedback in your media player effortlessly

  3. Liveblocks features section: short intro copy above a dark bento grid of comments, text editor, AI copilot, notifications and presence UI tiles

    Ready-made collaborative features.

  4. Liveblocks pricing section: centered heading above three dark plan columns, Starter, Pro and Enterprise, with add-on toggles and a discount banner
    04 Pricing

    Rates that scale based on your success

  5. Liveblocks FAQ section: bordered two-column panel with the heading on the left and a collapsed nine-question accordion on the right, on black
    05 FAQ

    Frequently Asked Questions

  6. Liveblocks call-to-action section: centered white headline and two buttons beneath a glowing gray planet-like arc on a black background

    Add collaboration to your product today

Similar companies

All companies
    ↑↓ Navigate ↵ Open

    Section preview

    Website section