Pricing · Classic

A centered 3-tier pricing section with a start-free banner and an inverted featured card.

pricing-1

Pricing

Simple, transparent pricing.

Start free. Upgrade only when your team outgrows it. Cancel any time — no setup fees, no annual contracts on Starter and Team.

For individuals and small teams getting their first projects shipped.

$01234567890123456789/ user · month

Billed monthly · cancel anytime

Includes

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

$01234567890123456789/ user · month

Billed annually · invoiced

Everything in Team, plus

0px

Edit props; preview updates instantly.

Customize

Featured tier

2nd

Props accepted by Pricing1.

Prop	Type	Default	Description
eyebrow	string	"Pricing"	Uppercase mono label rendered above the heading.
heading	ReactNode	—	Heading content. Wrap a segment in `<em>` for the muted-italic accent.
subhead	string	—	Sub-heading paragraph beneath the title.
tiers	PricingTier[]	DEFAULT_TIERS (3 entries)	Three-tier list. Each tier: `{ name, price, per?, description, features, cta?, featured?, badge? }`.
featuredIndex	number	1	Index of the inverted (white-on-dark) tier card. 0 = first, 2 = last.
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-1.json

Import the component and drop it into a render.

demo.tsx5 lines

import { Pricing1 } from "@/components/lazy-ui/blocks/pricing-1";

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