---
title: "Pixel Scroll — Framer component · Best of Framer"
description: "$5.00 · Framer component · by UX Ridham · Sections. Scroll-driven pixel transition"
canonical: "https://framer.elliotli.dev/component/pixel-scroll"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Pixel Scroll

# Pixel Scroll

Scroll-driven pixel transition

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

![Pixel Scroll preview image 1](https://framer.elliotli.dev/og/component/pixel-scroll/fbc9914fd3c94f59/1600x1200.jpg)

## Summary

Scroll-driven pixel transition

## Description

### The component supports two reveal approaches:

-   Colors mode: transitions from one color state to another, with optional accent pixels.
    
-   Two-layer mode: transitions from Layer A to Layer B (image-to-image style transition).
    

### Main controls and functionality:

-   Pixel Size and Gap: define the block size and spacing.
    
-   End At: sets when the transition finishes within the scroll range.
    
-   Direction: controls flow (top-bottom, bottom-top, left-right, right-left, center-out, center-in).
    
-   Pattern: changes threshold distribution (random, checker, diagonal, wave, spiral, radial).
    
-   Pattern Intensity: controls how strongly the selected pattern affects transition timing.
    
-   Easing: shapes transition timing (linear, ease-in, ease-out, ease-in-out, expo-out).
    
-   Accent Share + 4 Accent Colors: adds controlled variation inside the transition band.
    

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

-   All · #710

## Details

- **Author**: UX Ridham
- **Price**: $5.00
- **Published**: 2026-02-18
- **Updated**: 2026-07-01
- **Added**: 2026-02-16
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove