---
title: "Sliding Puzzle — Framer component · Best of Framer"
description: "$8.00 · Framer component · by fun studio · Interactive. Turn any photo into a classic 15-tile sliding puzzle."
canonical: "https://framer.elliotli.dev/component/sliding-puzzle"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Sliding Puzzle

# Sliding Puzzle

Turn photos into sliding puzzles

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

![Sliding Puzzle preview image 1](https://framer.elliotli.dev/og/component/sliding-puzzle/3093b3130b94407f/1600x894.jpg)

## Summary

Turn any photo into a classic 15-tile sliding puzzle.

## Description

Turn any photo into a classic 15-tile sliding puzzle.

Upload an image, choose a grid size, and watch it scramble and solve itself - or hand it to visitors to slide the pieces back together themselves.

### What you get

-   Upload any photo and it becomes the puzzle image
    
-   Choose your grid: up to 10 rows and 10 columns
    
-   Square crop or keep the photo's original aspect ratio
    
-   Auto Solve on: scrambles and solves itself as a showcase
    
-   Auto Solve off: visitors click pieces to slide and solve it themselves
    

### Customize everything

-   Frame color, radius, thickness, and border color
    
-   Header on or off, with its own title, font, size, and color
    
-   Preview thumbnail with adjustable radius and border color
    
-   Tile corner radius and border color
    
-   Shuffle difficulty and gap between tiles
    

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

-   All · #9375

## Details

- **Author**: fun studio
- **Price**: $8.00
- **Published**: 2026-09-10
- **Updated**: 2026-09-10
- **Added**: 2026-09-10
- **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