Liveblocks: Liveblocks dark four-tier pricing with exhaustive full-width feature comparison matrix
Near-black pricing page anchored by a centered "Pricing" headline with a Monthly/Annual billing toggle, then a four-column plan rail (Free, Pro $25, Team $500, Enterprise Custom) where each tier lists product-area checks in green. The signature element is the enormous full-width feature-comparison matrix that dominates the page: dozens of grouped rows (Multiplayer, Comments, Notifications, AI Copilots, Platform, Files, Support, Security & compliance) compared across all four plans with green-accent values, ending in an accordion FAQ with an oversized left-aligned "Frequently Asked Questions" label and a dense multi-column footer.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/liveblocks-liveblocks-dark-four-tier-pricing-with-exhaustive-full-width-feature-comparison-matrix.
Palette
Fonts
Page types
UX patterns
UI elements
Context
More from Liveblocks
- Hero — Annotated collaborative-doc hero with pink-glow product mockup
- Hero — Centered 'Pricing' headline with billing toggle and four plan cards
- Comparison — Collaboration & core feature comparison matrix (header + first groups)
- Feature — 'Collaboration features, ready to ship' benefit grid
- Comparison — Comments, Notifications & AI Copilots comparison groups
- Feature — 'First-class developer experience' comment-thread + code showcase
- Footer — Four-column footer with status pill and compliance badges
- FAQ — Oversized left-label accordion FAQ
- Comparison — Platform, Files, Observability, Support & Security comparison groups
- Realtime infrastructure dev-tool landing with annotated collaborative-doc hero on black
- Feature — 'Realtime sync' feature grid with Presence/Storage/Threads list
- Testimonial / Social Proof — 'Trust at scale' testimonial + compliance/uptime block