Pricing · Editorial

Bold editorial pricing — oversized headline with italic accent, three minimal cards with massive price numerals and corner index labels.

pricing-3

Pricing

Plans for
every stage.

Want a walkthrough first?

01 / 03

For individuals and small teams getting their first projects shipped.

$01234567890123456789/ user · month

Up to 5 users · 10 projects

02 / 03 · POPULAR

For growing teams that need shared workspaces and admin controls.

$01234567890123456789/ user · month

Unlimited users · 100 projects

03 / 03

For organizations that need security review, SAML, and a dedicated success manager.

$01234567890123456789/ user · month

Unlimited projects & storage

0px

Edit props; preview updates instantly.

Customize

Featured tier

2nd

Props accepted by Pricing3.

Prop	Type	Default	Description
eyebrow	string	"Pricing"	Uppercase mono label above the heading.
heading	ReactNode	—	Heading content with optional `<em>` accents.
tiers	PricingTier[]	DEFAULT_TIERS (3 entries)	Three-tier list. Same shape as pricing-1.
featuredIndex	number	1	Index of the inverted card.
className	string	—	Extra class names merged onto the root `<section>`.

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

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

Import the component and drop it into a render.

demo.tsx5 lines

import { Pricing3 } from "@/components/lazy-ui/blocks/pricing-3";

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