Pricing 3

Pricing table with card-based design, configurable popular tier, and dynamic pricing periods

Preview

Choose the plan that best fits your needs

Starter

$29/mo

Per editor

Perfect for small teams getting started

Professional

$79/mo

Per editor

For growing teams with advanced needs

Enterprise

$199/mo

For large organizations with custom requirements

The Pricing_3 block accepts the following configuration from PayloadCMS:

Prop

Type

npx shadcn add --registry https://uifoundry.com/r pricing-3

For detailed setup instructions, see the Registry Setup Guide.

This component uses the following registry components:

Button - Customizable button component with variants (popular tier uses default variant, others use outline)
Card - Card component providing the pricing tier container structure with header and content sections
Header Field - PayloadCMS text field for the main heading
Subheader Field - PayloadCMS text field for the supporting description
Description Field - PayloadCMS text field for tier descriptions
Block Constants - Block slug and group constants for PayloadCMS blocks

This component requires the following NPM packages:

React - JavaScript library for building user interfaces
Next.js - React framework for production
PayloadCMS - Headless CMS and application framework
Lucide React - Beautiful & consistent icon toolkit (provides Check icon for feature lists)