About this Component
Turn any part of your page into a scratch card. Scratch to Reveal hides an image, text, or any custom layout under a scratchable cover. It lets visitors rub it away with a cursor or finger — perfect for promo codes, giveaways, product teasers, and playful landing pages.
Choose what sits underneath, pick a cover surface, and fine-tune how the scratching feels, from brush size to completion behavior.
How to use
Drop the component into your layout and choose a Content Type: an image, plain text, a custom layout slot, a mixed card, or a full Reward card with a coupon code, claim button, and link.
Style the cover with one of six surfaces — Holographic, Silver, Gold, Frosted, Gradient, or Paper — or use your own cover image and colors, and adjust the texture amount. Then tune the interaction: brush size, edge roughness, the completion threshold, and whether the card finishes on release once enough is scratched. Add a scratch hint with its own icon and text, celebrate with confetti, and control resets with a reset button, auto reset timer, or toggle.
Features
Scratch-to-reveal interaction with mouse and touch support
Five content types: image, text, custom layout, mixed, and reward
Reward mode with coupon code, claim button, and link
Six cover surfaces including holographic, gold, and frosted
Custom cover image or three-color cover palette
Adjustable texture, brush size, and edge roughness
Completion threshold with optional release-to-finish behavior
Scratch hint with custom text, icon, color, and font
Optional confetti celebration on reveal
Reset button, auto reset timer, and reset toggle
Custom fonts, colors, corner radius, border, and cursor
Works as a section, frame, or full-page element
Responsive across desktop, tablet, and mobile
No setup or coding required
Refund Policy:
Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.
Support: hi@alicorak.com
