---
title: "Pixel Grid Slideshow — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Aviral Lakhanpaul · Carousels. Pixel-animated image slideshow gallery"
canonical: "https://framer.elliotli.dev/component/pixel-slideshow"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Pixel Grid Slideshow

# Pixel Grid Slideshow

Pixel-animated image slideshow gallery

[View on Framer](https://framer.com/marketplace/components/pixel-slideshow/?via=elliot-li)

![Pixel Grid Slideshow preview image 1](https://framer.elliotli.dev/og/component/pixel-slideshow/b2c38a99ac73ac21/1600x1200.jpg)

## Summary

Pixel-animated image slideshow gallery

## Description

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

1.  Copy and paste the component into your Framer project.
    
2.  Resize freely to fit your design.
    
3.  Upload images in the properties panel (up to 10).
    
4.  Adjust the animation and grid settings to your liking.
    
5.  Done — enjoy your seamless pixel slideshow transitions!
    

### After completing your purchase, you will receive a link to the component.

**Copy the URL and paste it into your Framer project to import it.**

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8lmdxk5u-8vpduJQ2GdSeFbVhFRoMvfteNFrrY6)](https://polar.sh)

## Rank history [How rankings work →](/terms#rankings)

-   All · #6397

## Details

- **Author**: Aviral Lakhanpaul
- **Price**: $5.00
- **Published**: 2025-10-09
- **Updated**: 2026-03-19
- **Added**: 2025-10-05
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow