Scratcher.js

An open-source interactive scratch card library that is easy-to-use on the web.

You can hide a specific element and gradually reveal it through user actions such as mouse or touch interactions.

Free and open-source
Simple Integration
Smooth, Real-time Effect
Supports frameworks

Scratcher.js is surprisingly easy to use.

Make your service more interactive.

tsx

<Scratcher
  class="react-scratch-card"
  width={400}
  height={240}
  brushSize={30}
  renderCover={renderCover}
>
  <div class="reward">You found it!</div>
</Scratcher>