# Shadcn Pricing blocks

> Pricing sections with plan tier columns, a monthly or yearly billing toggle, a featured plan, and per-seat team pricing.

- Type: Pro blocks (Marketing)
- Page: https://web.dev.reui.io/blocks/marketing/pricing
- Blocks: 8
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## When to use

- A public plans section with 3 or 4 tiers side by side, each with a price, its inclusions and its own button
- A plan comparison matrix that lines up each tier's limits and included features row by row
- An upgrade dialog or paywall inside the product, where a user picks a plan and a billing period

## When not to use

- A back office where staff edit the plan catalog, coupons or a customer's subscription: use the [Billing blocks](https://web.dev.reui.io/blocks/solutions/billing.md)
- Store products weighed side by side on specs and star ratings before a purchase: use the [Comparison blocks](https://web.dev.reui.io/blocks/ecommerce/comparison.md)
- One plan choice made as a single input inside a signup or checkout form: use [Radio Group](https://web.dev.reui.io/components/radio-group.md) (`get_component("radio-group")`)

## Agent notes

- Each plan's `href` in `PLANS` is a hash placeholder that its plan button links to; point it at your signup, checkout or sales route
- Plan prices print through a `currency` formatter pinned to en-US dollars with `maximumFractionDigits` 0; edit it for cents or another currency

## Blocks

- [Seat Stepper Pricing](https://web.dev.reui.io/blocks/marketing/pricing/pricing-1.md): 4-tier pricing table with a monthly or yearly toggle and a seat stepper that reprices Team. Best for a seat stepper you drag or tap to reprice Team, in 4 plan columns joined in one Card with a hover hint per feature.
- [Plan Comparison](https://web.dev.reui.io/blocks/marketing/pricing/pricing-2.md): Plan comparison table with a sticky plan head and metered usage rows. Best for allowances printed over their metered rates in 4 banded sections, under a pinned price and button head, with no billing switch.
- [Per-Seat Pricing](https://web.dev.reui.io/blocks/marketing/pricing/pricing-3.md): Per-seat pricing table with team size tabs, 3 plan columns and a 13-row feature comparison. Best for team size tabs that reprice seats and strike the list price, owned plans shown disabled, and a customer quote above the plans.
- [Customer Logo Pricing](https://web.dev.reui.io/blocks/marketing/pricing/pricing-4.md): Pricing section with 3 plan cards, a billing tab switch and a customer logo row. Best for flat, per seat and quoted plans as 3 cards on a canvas dot grain that fills the section, with a customer wordmark row below.
- [Pricing FAQ Links](https://web.dev.reui.io/blocks/marketing/pricing/pricing-5.md): Pricing section with 4 plan cards, a monthly or yearly tab switch and 2 help links. Best for a USD code beside each of 4 card prices, an Enterprise seat rate fixed on both tabs, and links to a comparison and an FAQ.
- [Agency Pricing](https://web.dev.reui.io/blocks/marketing/pricing/pricing-6.md): Dark pricing section with 3 plan cards, billing tabs and a customer logo row. Best for a section locked to dark, each card tinted its own color, priced as a workspace rate plus a fee per extra seat.
- [Upgrade Plan Dialog](https://web.dev.reui.io/blocks/marketing/pricing/pricing-7.md): Pricing dialog with a plan rail, billing tabs and a plan detail panel. Best for a dialog where a radio rail picks 1 of 3 plans for a detail panel, with the bill and the one action in an always-on footer.
- [Usage Limit Upgrade](https://web.dev.reui.io/blocks/marketing/pricing/pricing-8.md): Pricing dialog with framed plan cards, billing tabs and a feature table. Best for a modal of 3 Frame plan cards over a sectioned feature table, with a radio rail and bill footer only on narrow screens.

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.