---
title: "Scratch Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Ryan Halls · Interactive. A fully customisable Scratch Card component that lets users reveal a hidden image beneath a solid-colour surface layer."
canonical: "https://framer.elliotli.dev/component/scratch-card"
---

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

# Scratch Card

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

![Scratch Card preview image 1](https://framer.elliotli.dev/og/component/scratch-card/baf89d9a1bb2714c/1600x1200.jpg)

## Summary

A fully customisable Scratch Card component that lets users reveal a hidden image beneath a solid-colour surface layer.

## Description

A fully customisable Scratch Card component that lets users reveal a hidden image beneath a solid-colour surface layer. You can adjust the surface colour, overlay text, and hidden image directly in Framer’s property controls. Choose the reveal method - mouse drag, touch gestures, or click-to-reveal - to suit your project.

Perfect for promotions, giveaways, product reveals, or playful interactions, this responsive component delivers a smooth, engaging experience across both desktop and mobile.

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

-   All · #2018

## Details

- **Author**: Ryan Halls
- **Published**: 2025-08-27
- **Updated**: 2025-11-05
- **Added**: 2025-08-15
- **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