Missing Piece
A premium animated puzzle that repeatedly tries to complete an image but one piece never fits. Perfect for 404 pages, error states, and storytelling layouts.
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
