Playful Design

Paper Punch Overlay

Uploaded image appears only through a clean circular punch layer, with a colored paper sheet everywhere outside the holes.

Installation

@playfuldesign/templates/react#led-crystal-overlay

Code preset

import { TextureTemplate } from "@playfuldesign/templates/react";

<TextureTemplate
  preset="led-crystal-overlay"
  color="#CBCDCD"
  density={10}
  scale={19}
  grain={34}
  contrast={76}
  shape={58}
/>

Paper Punch Overlay

Uploaded image appears only through a clean circular punch layer, with a colored paper sheet everywhere outside the holes.