Image Puzzle Web Component

I wanted to gain some experience with Lit, and decided that making a component that turns images into drag and drop puzzles would be a fun way to do that. The source code is available on my GitHub.

Developed and tested for Chrome 114+, but also seems to work well in Firefox 114+ and Edge 114+. In Safari 16.5+ the experience is degraded as there are no drag/drop ghost images, but it does seem to work otherwise. Experienced best on non-mobile devices, but did seem to work ok on a Galaxy S22, so YMMV.

Click here if you’d like to view a demo, or use the button below. Have fun!