Pricing · Matrix

Dense feature comparison table with 4 tier columns, sectioned rows, and a breathing top-edge glow on the featured column.

pricing-4

Pricing · compare

Compare plans
side by side.

Prices in USD
Updated this quarter
Available worldwide

Plan · feature

Usage & limits

Users

Projects

Storage per workspace

File version history

Collaboration & integrations

Real-time co-editing

Guest accounts

Integrations included

Custom domain

Security & compliance

SOC 2 Type II

SSO · Google & Microsoft

SAML SSO + SCIM

Audit log retention

Uptime SLA

Begin · cancel anytime

Starter

$12/ user · mo

20 GB

30 days

Core (24)

—

Team

$24/ user · mo

Unlimited

100

200 GB

1 year

Unlimited

All (140+)

—

90 days

99.5%

Business

$48/ user · mo

Unlimited

1 TB

Unlimited

All (140+)

1 year

99.9%

Enterprise

Custom

Unlimited

All (140+) + custom

7 years

99.99%

Prices exclude applicable taxesAll plans include unlimited collaborators on guest accounts

0px

Props

Props accepted by Pricing4.

Prop	Type	Default	Description
eyebrow	string	"Pricing · compare"	Uppercase mono label above the heading.
heading	ReactNode	—	Heading content with optional `<em>` accents.
matrix	PricingMatrix	DEFAULT_MATRIX	Matrix data. Shape: `{ tiers: PricingTier[4], sections: { name, rows: [label, ...4-cells][] }[] }`. Cells can be string, boolean, or null.
className	string	—	Extra class names merged onto the root `<section>`.

Installation

Choose CLI for the one-line shadcn install, or copy the file manually.

npx shadcn@latest add https://2lazyui.com/r/pricing-4.json

Usage

Import the component and drop it into a render.

demo.tsx5 lines

import { Pricing4 } from "@/components/lazy-ui/blocks/pricing-4";

export function Demo() {
  return <Pricing4 />;
}