ProComponentsPricing

PricingGrid

GitHub

A customizable grid for your PricingCard components.

Usage

Use some PricingCard to display pricing plans side by side.

Free

Get started for free in development.

 

Solo

For bootstrappers and indie hackers.

$199

Team

Unlimited license for growing teams.

$699

<UPricingGrid :compact="false">
  <UPricingCard
    title="Free"
    description="Get started for free in development."
  />
  <UPricingCard
    title="Solo"
    description="For bootstrappers and indie hackers."
    price="$199"
    scale
    highlight
  />
  <UPricingCard
    title="Team"
    description="Unlimited license for growing teams."
    price="$699"
  />
</UPricingGrid>

Slots

default
{}

Props

ui
unknown
compact
boolean

PricingCard

A pre-built Card with all you need to display a pricing plan.

DocsSearch

A ready to use CommandPalette to add to your documentation.