Shuffle Image
Shuffle Image Component is a Framer image grid component that displays a set number of images and lets users reshuffle them interactively with a button.
Make it with Workshop
Build your own component with AI
About this Component
Supports up to 15 images added via the Framer property panel.
Shows a fixed number of images on load, with no randomness until shuffle is triggered.
Includes a shuffle button that randomly reorders images and updates the grid.
Fully customizable layout: image size, gap, border radius, background color, and display count.
Responsive grid using auto-fit columns and hover scale effects on images.
Optional shuffle button with animated interactions and full font control.
Displays a placeholder message when no images are provided.
