---
title: "Scratch to Reveal — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Interactive. Scratch to Reveal hides an image, text, or any custom layout under a scratchable cover."
canonical: "https://framer.elliotli.dev/component/scratch-to-reveal"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Scratch to Reveal

# Scratch to Reveal

Turn any card into a scratch card

[View on Framer](https://framer.com/marketplace/components/scratch-to-reveal/?via=elliot-li)

![Scratch to Reveal preview image 1](https://framer.elliotli.dev/og/component/scratch-to-reveal/399a6ed1f0624599/1600x1200.jpg)

## Summary

Scratch to Reveal hides an image, text, or any custom layout under a scratchable cover.

## Description

**Unlock entire Depth library for $149. One price. Lifetime.**

[**Get Depth**](https://depth.website/#all-access)

**\--------------------------------------------------------**

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.

**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
    

**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](mailto:hi@alicorak.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #6228

## Details

- **Author**: Ali Çorak
- **Price**: $5.00
- **Published**: 2026-07-26
- **Updated**: 2026-08-16
- **Added**: 2026-07-26
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase