Pixel Grid Slideshow
A mesmerising slideshow with pixel-split animations and a beautiful shimmer loading state. Responsive, customizable, and perfect for hero sections or product/portfolio showcases.
Make it with Workshop
Build your own component with AI
Each image animates through a mesmerising pixel-split effect, creating dynamic transitions that draw attention instantly. Whether it’s a hero banner, a product showcase, or a creative portfolio, this lightweight and responsive component gives your visuals the stage they deserve.
What Makes It Stand Out
Unique pixel-split animation for each image transition
Fully mobile-responsive and performance-optimised
Works seamlessly in hero sections, portfolios, and sliders
Lightweight yet visually powerful — perfect balance of form and function
Customisations
Upload up to 10 images
Choose grid layout — up to 16 columns & rows or from presets
Toggle grayscale effect
Set image switch interval
Adjust fade duration
Control pixel animation duration
Set color delay
Customise border radius
Usage
Copy and paste the component into your Framer project.
Resize freely to fit your design.
Upload images in the properties panel (up to 10).
Adjust the animation and grid settings to your liking.
Done — enjoy your seamless pixel slideshow transitions!
