About this piece
Usage Pricing
Consumption plan card with a per-unit rate, a bubble of included volume, and an overage note below.
Playground
Turn the props on the right; the snippet under them is what you would write to get what you see.
Usage-based
$0.004per request
1M requests included monthly
$3.00 per 1M afterUsage
import { Card14 } from "@/components/beste/component/card14";
<Card14
unitPrice="$0.004"
unitLabel="per request"
includedUnits="1M"
included="requests included monthly"
overage="$3.00 per 1M after"
/>Usage
The import and the props worth knowing about, in one place.
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"
/>More Card pieces
View all CardStudio
$39per month
- Unlimited blocks
- Team workspaces
- Priority support
Plan Card
Pricing tier with a headline amount, period, and a stack of check-marked features. Featured tier flips to primary.
$15/ mo
Billed annually. Cancel anytime.Billing Toggle
Plan picker with a monthly vs yearly pill toggle, dynamic price, and a savings chip on the yearly side.
Growth · AnnualRenews on May 1, 2026
$480/ year
160 GB of 250 GB used
Current Plan
Subscription status card showing plan name, amount, renewal date, a usage bar, and manage or upgrade buttons.
Starter
$12/ mo
Everything a small team needs to ship.Up to 5 editors
25 GB asset storage
Weekly analytics email
Community support
Pricing Tier
Standard plan tile with a uppercase name, big price, tagline, four feature bullets, and an outline CTA.
