Missing Piece

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. Why use Missing Piece? • 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 Features • 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 Perfect for • 404 pages • Error states • “Coming soon” sections • Empty dashboards • Concept / editorial layouts Customization • Puzzle grid size • Animation speed • Tile spacing & corner radius • Shadow depth • Background color

Split any image into a puzzle grid.