Gift Card
Vibrant gradient voucher with a denomination, brand mark, mono redemption code chip, and expiry.
Playground
Turn the props on the right; the snippet under them is what you would write to get what you see.
import { Card17 } from "@/components/beste/component/card17";
<Card17
amount="$50"
brand="Beste"
code="BSTE-7Z91-X2Q"
expiry="Expires 31 Dec 2027"
label="Gift card"
tone="emerald"
/>Usage
The import and the props worth knowing about, in one place.
import { Card17 } from "@/components/beste/piece/card17";
<Card17
amount="$50"
brand="Beste"
code="BSTE-7Z91-X2Q"
expiry="Expires 31 Dec 2027"
label="Gift card"
tone="emerald"
/>More Card pieces
View all Card
Limited runProduct Card
Compact commerce tile with a warm gradient thumbnail, overlay tag, save heart, and a strikethrough original price.
Credit Pack
One-time credit bundle card with a coin tile, bonus chip, per-credit rate, and a Top up CTA.
Card Flip
Payment card that turns on its axis every few seconds to show the magnetic stripe and security code, then turns back to the front.
Designing the tooling that ships millions of components every week.
Profile Card
User profile card with a gradient avatar, role, location, a short bio, and a trailing social icon button.