The brain can't leave an incomplete task alone. it's called the Zeigarnik Effect. A scratch card turns your offer into a tiny mission users need to finish. That compulsion drives dwell time, engagement, and the kind of micro-delight that makes people share your page. Drop this onto any Framer canvas, set your coupon code and headline, tune the reveal threshold, and your next launch has an interaction worth remembering. After scratching past the threshold, a premium dark card surfaces. showing your discount value, coupon code, and a one-click copy button. Fully customizable: swap in your own code, headline, sub-text, and brand colors.
• Smart auto-reveal
• Confetti celebration
• One-click copy button
• Touch-optimized
• Framer-native events
1. Duplicate to your project - Click "Duplicate" on the Framer Marketplace listing and open your canvas.
2. Drop it on the canvas - Drag the Scratch Card component from your Assets panel onto any frame or section.
3. Set your offer details - In the properties panel, enter your discount headline, coupon code, and sub-text.
4. Tune the threshold - Adjust reveal Threshold (default: 60%) to control how much scratching triggers the auto-complete.
5. Connect & publish - Wire the on Reveal event to any downstream Framer action, then hit publish.
The brain can't leave an incomplete task alone. it's called the Zeigarnik Effect. A scratch card turns your offer into a tiny mission users need to finish. That compulsion drives dwell time, engagement, and the kind of micro-delight that makes people share your page. Drop this onto any Framer canvas, set your coupon code and headline, tune the reveal threshold, and your next launch has an interaction worth remembering. After scratching past the threshold, a premium dark card surfaces. showing your discount value, coupon code, and a one-click copy button. Fully customizable: swap in your own code, headline, sub-text, and brand colors.
• Smart auto-reveal
• Confetti celebration
• One-click copy button
• Touch-optimized
• Framer-native events
1. Duplicate to your project - Click "Duplicate" on the Framer Marketplace listing and open your canvas.
2. Drop it on the canvas - Drag the Scratch Card component from your Assets panel onto any frame or section.
3. Set your offer details - In the properties panel, enter your discount headline, coupon code, and sub-text.
4. Tune the threshold - Adjust reveal Threshold (default: 60%) to control how much scratching triggers the auto-complete.
5. Connect & publish - Wire the on Reveal event to any downstream Framer action, then hit publish.
