Dev Design Library

Scratch Card Popup

A gamified scratch-to-win popup, drag to scratch a gold-foil canvas off a 3x3 icon grid, match three to win a reward tier with a confetti burst, copy the code, and track attempts left. Inline or corner-widget popup with manual, delay or scr.

Scratch Card Popup preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/scratch-card-popup.json
Files
  • registry/new-york/scratch-card-popup/scratch-card-popup.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame