Usage Pricing

Consumption plan card with a per-unit rate, a bubble of included volume, and an overage note below.

Usage-based

$0.004per request

1M requests included monthly

$3.00 per 1M after

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Card14 } from "@/components/beste/piece/card14";

<Card14
  unitPrice="$0.004"
  unitLabel="per request"
  includedUnits="1M"
  included="requests included monthly"
  overage="$3.00 per 1M after"
/>