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는 놀라울 만큼 쉽게 사용할 수 있습니다.

서비스를 더 인터랙티브하게 만들어 보세요.

tsx

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