---
title: "ImagePuzzle — Free Framer component · Best of Framer"
description: "Free Framer component · by Atemo Art · Interactive. Interactive Background"
canonical: "https://framer.elliotli.dev/component/imagepuzzle"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/ImagePuzzle

# ImagePuzzle

Interactive Background

[View on Framer](https://framer.com/marketplace/components/imagepuzzle/?via=elliot-li)

![ImagePuzzle preview image 1](https://framer.elliotli.dev/og/component/imagepuzzle/6f3f3a06247e1c45/1600x1200.jpg)

## Summary

Interactive Background

## Description

Perfect for “coming‑soon” sections, interactive reveal layouts, or playful landing‑page hooks, this component instantly converts a static image into an engaging mini‑experience.

**Features:**

-   **Use any image** – Upload your own image directly from Framer’s assets.
    
-   **Adjustable grid size** – Choose from simple 2×2 up to a challenging 12×12 grid.
    
-   **Fully responsive** – Works seamlessly at any size and aspect ratio, so it fits perfectly into hero sections, cards, or sidebars.
    

Use Image Puzzle to surprise visitors with a playful reveal, gamify your product launch, or simply add a memorable interactive layer to your creative Framer site.

**Customization**

After completing your purchase, you will receive a link to the component.

 Copy the URL and paste it into your Framer project to import it.

 Set up:

1.  Drag the Component into your Canvas.
    
2.  Set the Width  to Fill and Height to Fit, add padding.
    
3.  Add the images
    

**Refund Policy**

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

**Support**

For any queries and help setting up the component, contact [Atemo.studio@proton.me](mailto:Atemo.studio@proton.me)   

## Rank history [How rankings work →](/terms#rankings)

-   All · #4520

## Details

- **Author**: Atemo Art
- **Published**: 2026-05-04
- **Updated**: 2026-05-04
- **Added**: 2026-05-04
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase