Shuffle Puzzle – a modern take on the classic game

Shuffle Puzzle is a timeless sliding challenge where players rearrange numbered tiles in ascending order within a frame – one space always open. The task of the puzzle is to collect all the numbers in ascending order: from left to right, starting from the upper left corner. A puzzle also exists for WP version. In this Puzzle you can compete in speed with players —> Play a game

Features

• Any number of pieces (3×3, 4×7, 20×20 etc.)
• Any number of your own images
• Any number of shuffle’s types (by default: easy, medium, hard, etc.)
• Any number of puzzles on one page
• Any color for background
• Moving tile by pressing
• Tiles’ numbering
• Backlight for the mixed tiles
• Menu
• Cross-browser support
• Easy to customize and fully responsive

Changelog

Version 3.0 (02.05.2025)
  - New: Added reset() and update() methods
  - Improved: Performance with DOM caching
  - Improved: Event handling & cleanup
  - Improved: Tile positioning & animations
  - Improved: Minor tweaks
  - Fixed: Shuffling & movement logic

Version 2.7 (17.08.2021)
  - Improved: Minor tweaks
  - Fixed: Keyboard controls

Version 2.5 (21.04.2020)
  - New: Numbering for each tile
  - New: Game timer with saving the best result (Example included)
  - New: Callback onStartPlay 
  - New: Gap option. Now also uses numeric values in pixels
  - New: Mixed option. Ability to set styles for mixed tiles
  - New: Added isSwipe option
  - New: Move tiles arrow keys (Up, Down, Left, Right) or swipe
  - Fixed: The picture is not dragged with the cursor
  - Fixed: Mixing on the start

Version 2.0 (22.07.2013)
  - Fixed: Loading picture in the menu
  - Added: Callback that fires right after the puzzle has been completed