Missing Piece

Split any image into a puzzle grid.

Summary

Missing Piece is a Framer code component that turns any image into a looping puzzle animation.

Missing Piece is a Framer code component that turns any image into a looping puzzle animation.

• Adds meaning to 404 pages instead of showing empty states

• Works with any image

• Feels premium without being distracting

• Loops smoothly without looking repetitive

• Looks clean in canvas preview and stunning at runtime

• Upload any image it automatically becomes a puzzle

• Smooth assemble → fail → reset animation loop

• One missing piece per attempt (changes each cycle)

• Clean canvas preview (no broken layout while designing)

• Fully responsive and lightweight

• 404 pages

• Error states

• “Coming soon” sections

• Empty dashboards

• Concept / editorial layouts

• Puzzle grid size

• Animation speed

• Tile spacing & corner radius

• Shadow depth

• Background color