Components
Scratch Card
A canvas-based scratch card that reveals hidden content as you draw over the silver surface. Once enough is scratched away, the cover fades out automatically.
Preview
🎉
You won!
$100 Gift Card
Installation
npx shadcn@latest add https://orbit.ruturaj.xyz/r/scratch-cardProps
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Content revealed by scratching |
| brushSize | number | 40 | Radius of the scratch brush in pixels |
| threshold | number | 60 | % of surface cleared to trigger auto-reveal |
| onComplete | () => void | — | Called when the threshold is reached |
| className | string | — | Size, rounding, and shadow of the card |