Playing Card
A beautiful, fully customizable playing card component with suit symbols and pip layouts.
A
A
6
6
10
10
J
J
Q
Q
K
K
Installation
pnpx shadcn@latest add https://jharsh.me/r/playing-card.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| number | number | - | Card number from 1 to 13 (1=Ace, 11=Jack, 12=Queen, 13=King) |
| suite | Suite | - | "spade" | "heart" | "diamond" | "club" |
| elevation | string | "mid" | "soft" | "mid" | "high" |
| rounded | string | "2xl" | "lg" | "xl" | "2xl" | "3xl" |
| showCornerGlyph | boolean | true | Show suit symbol in corners |