Scratch Reveal

Metallic Foil
• Dual-color metallic gradient with realistic texture
• Holographic rainbow shimmer with adjustable intensity
• Optional overlay image (transparent PNG or URL) with opacity control
• Scratched away in real time on hover and touch

Display Modes
• Static inline or popup modal mode
• Corner-pinned trigger (all four corners)
• Adjustable horizontal and vertical trigger offset
• Text or image trigger with independent desktop/mobile sizing
• Full font, color, padding, and border radius controls
• Dismissable trigger with Klaviyo-style corner X
• Hide trigger after scratch complete

Popup Timing & Cooldown
• Auto-open popup on page load
• Show trigger immediately or delay on load
• Adjustable delay timer (0–60 seconds)
• Cooldown system: always show, timed minutes, or once per session
• Adjustable cooldown duration
• Cooldown persists across pages

Scratch Controls
• Independent scratch width for desktop/mobile
• Jaggedness slider (1 = clean lines, 10 = rough torn edges)
• Realistic coin-scratch and edge roughness built in

Scratch Effects
• Metallic foil particles that fly off while scratching
• Particle amount control
• Particles inherit foil colors for realistic debris
• Scratch trail glow on freshly revealed edges
• Haptic vibration feedback on mobile (toggleable)

Custom Cursor
• Upload or paste a custom cursor image
• Independent desktop and mobile cursor images
• Cursor width control for each breakpoint
• Replaces default cursor over the scratch area

Scratch Percentage Display
• Live counter showing how much has been scratched
• Independent font, size, weight, and color for desktop/mobile
• 9-position placement grid (top/middle/bottom × left/center/right)
• Edge offset control for each breakpoint

Prize Reveal
• Show an image or rich text under the foil
• Adjustable reveal threshold (1–100% scratched)
• Prize image with upload or URL, independent width for desktop/mobile
• Prize link with same-tab or new-tab option
• Prize text with custom font, size, weight, and color

Completion Trigger
• Completion detection at a custom percentage threshold
• Confetti burst animation on completion (toggleable)
• Fires a custom JavaScript event for advanced integrations

Reveal Background
• Image or video revealed underneath the foil
• Independent desktop and mobile assets (image, URL, or video)
• Mobile falls back to desktop if left empty
• Background color fallback and cover/contain fit options

Hint Overlays
• Independent desktop and mobile hint text or image
• Top or bottom positioning with edge offset
• Font size, weight, text color, and background color controls
• Transparent background option
• Auto-hide after first interaction (toggleable)

Entry Animation
• Fade-in and scale-up when the section scrolls into view
• Smooth cubic-bezier easing

Layout
• Section width: 10–100% desktop / 10–100% mobile
• Section height: 10–100vh desktop / 10–100vh mobile
• Centered and overflow-hidden by default

Popup Modal
• Independent popup canvas width and height for desktop and mobile
• Overlay color, opacity, and backdrop blur controls
• Modal background color with opacity
• Border width, color, and radius controls
• Independent desktop and mobile modal padding
• Adjustable fade duration

Popup Close Button
• Four close button types: icon, text, pill, or custom image
• Custom close text and image support
• Size, color, and opacity controls
• Independent hover opacity
• Adjustable horizontal and vertical offset positioning