runway

Runway

PricingPlans

A pricing component to showcase your product's pricing plans


Starter

$99

$49

  • NextJS boilerplate
  • Component library
  • Database
  • Payments
  • Auth
  • Email Service
  • Lifetime updates
  • SEO tools

Pay once, use forever.

Most Popular

All-in

$149

$99

  • NextJS boilerplate
  • Component library
  • Database
  • Payments
  • Auth
  • Email Service
  • Lifetime updates
  • SEO tools

Pay once, use forever.


The PricingPlans component is a simple and customizable pricing card that can be used to showcase a single pricing plan. It includes a title, price, features, and a call-to-action button.

It uses the CheckoutButton component for the call-to-action button.

You must configure payments first.



Usage

javascript

1import PricingPlans from '@/components/payments/PricingPlans';
2
3<PricingPlans />

It pulls everything it needs from pricingConfig.