About this piece
Pricing Tag
Sale price next to a struck-through original, with a rose discount badge.
Playground
Turn the props on the right; the snippet under them is what you would write to get what you see.
$49$89
−45%Usage
import { Card3 } from "@/components/beste/component/card3";
<Card3
surface="card"
bordered
price="49"
originalPrice="89"
currency="$"
discount={45}
/>Usage
The import and the props worth knowing about, in one place.
import { Card3 } from "@/components/beste/piece/card3";
<Card3
surface="card"
bordered={true}
inverted={false}
price="49"
originalPrice="89"
currency="$"
discount={45}
/>More Card pieces
View all Card50% offEnds in 2d 14h
Lifetime license$149$299
Deal Card
Limited-offer card with a rose discount tag, ticking countdown, strikethrough original, and bold sale price.
Limited runLinen boucle cushion
$48$64
Product Card
Compact commerce tile with a warm gradient thumbnail, overlay tag, save heart, and a strikethrough original price.
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.
Studio
$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.