---
title: "Scratch Revealing — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Aidan Looker · Interactive. What is Scratch Revealing?"
canonical: "https://framer.elliotli.dev/component/scratch-revealing"
---

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

# Scratch Revealing

Scratch-to-win promo experiences

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

![Scratch Revealing preview image 1](https://framer.elliotli.dev/og/component/scratch-revealing/3d49052dbc2ab46e/1600x1200.jpg)

## Summary

What is Scratch Revealing?

## Description

## What is Scratch Revealing?

Scratch Revealing is a premium interactive component that turns static content into engaging scratch card experiences. Users scratch away a surface layer to uncover hidden messages, discount codes, prizes, or images. Designed for marketing campaigns, promotional landing pages, gamified user experiences, and product reveals that demand attention and drive conversions.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Realistic scratch interaction with customizable brush size and reveal threshold
    
-   Four reveal animations including fade, wipe left, wipe right, and radial burst
    
-   Confetti celebration effect with customizable colors on reveal
    
-   Animated dust particles that follow the scratch path for tactile feedback
    
-   Cursor-reactive border glow with adjustable intensity and color
    
-   Surface pattern textures including dots, lines, and crosshatch overlays
    
-   Three progress indicator styles: bottom bar, floating label, and radial
    
-   Integrated CTA button with full styling controls
    
-   Image or solid color support for both scratch surface and reveal content
    
-   Framer native font selector for all text elements
    

## Controls inside Framer

### Essential

-   Scratch Image
    
-   Scratch Color
    

### Typography

-   Title Font
    
-   Subtitle Font
    
-   Label Font
    
-   CTA Font
    

### Reveal Content

-   Reveal Image
    
-   Background Color
    
-   Title and Subtitle
    
-   Title Color
    
-   Subtitle Color
    

### CTA Button

-   Show CTA Button
    
-   CTA Text
    
-   CTA Link
    
-   Button Color
    
-   Text Color
    

### Interaction

-   Brush Size
    
-   Reveal Threshold
    
-   Reveal Animation
    

### Effects

-   Dust Particles
    
-   Dust Color
    
-   Border Glow
    
-   Glow Color
    
-   Glow Intensity
    
-   Surface Pattern
    

### Progress

-   Show Progress Indicator
    
-   Progress Style
    
-   Progress Color
    

### Celebration

-   Show Confetti
    
-   Confetti Colors
    

### Appearance

-   Border Radius
    

### Interface

-   Show Label
    
-   Label Text
    
-   Reset Button
    
-   Reveal Button
    

## Best use cases

-   Promotional campaigns revealing discount codes and special offers
    
-   Product launches with gamified reveal experiences
    
-   Contest and giveaway prize announcements
    
-   Holiday and seasonal marketing activations
    
-   Email signup reward reveals
    
-   Membership and loyalty program benefits
    

Turn passive visitors into engaged participants. Scratch to Reveal adds the interactive moment that makes promotions memorable and drives action.

## Questions or custom requests?

-   We design and build custom Framer components. Get in touch at [contact@teampixel.com.au](mailto:contact@teampixel.com.au).
    

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

-   All · #10774

## Details

- **Author**: Aidan Looker
- **Price**: $15.00
- **Published**: 2026-02-06
- **Updated**: 2026-06-13
- **Added**: 2026-01-29
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step