Engage your website visitors with an interactive, playable image puzzle game right inside your Framer site! Upload any custom image, and the component automatically slices it into an interactive drag-and-drop puzzle grid. When users complete the puzzle, a customizable reward modal appears with discount coupon codes and a Call-To-Action button.
Key Features:
🧩 Automatic Image Slicing: Slices any image into custom grid dimensions (5 to 15 pieces).
✋ Fluid Drag-and-Drop: Built with Framer Motion for smooth physics, piece snapping, and docking.
💡 Smart Hint System: Built-in hint trigger highlights unplaced pieces to guide players.
🎁 Reward Modal & Coupon System: Displays a celebration modal with a 1-click copyable coupon code and custom CTA button upon completion.
📱 Fully Responsive: Auto-adapts between a side-by-side desktop layout and stacked mobile view.
🎨 Full Styling Controls: Customize card backgrounds, accent colors, typography, container padding, piece count, and CTA links directly from the Framer sidebar.
💡 Ideal For:
Lead generation & campaign landing pages
Gamified marketing promotions & holiday discounts
Interactive product reveals & portfolio showcases
Engage your website visitors with an interactive, playable image puzzle game right inside your Framer site! Upload any custom image, and the component automatically slices it into an interactive drag-and-drop puzzle grid. When users complete the puzzle, a customizable reward modal appears with discount coupon codes and a Call-To-Action button.
Key Features:
🧩 Automatic Image Slicing: Slices any image into custom grid dimensions (5 to 15 pieces).
✋ Fluid Drag-and-Drop: Built with Framer Motion for smooth physics, piece snapping, and docking.
💡 Smart Hint System: Built-in hint trigger highlights unplaced pieces to guide players.
🎁 Reward Modal & Coupon System: Displays a celebration modal with a 1-click copyable coupon code and custom CTA button upon completion.
📱 Fully Responsive: Auto-adapts between a side-by-side desktop layout and stacked mobile view.
🎨 Full Styling Controls: Customize card backgrounds, accent colors, typography, container padding, piece count, and CTA links directly from the Framer sidebar.
💡 Ideal For:
Lead generation & campaign landing pages
Gamified marketing promotions & holiday discounts
Interactive product reveals & portfolio showcases
