---
title: "Pixel Image Focus — Framer component · Best of Framer"
description: "$9.00 · Framer component · by eyezayuh · Sections. Pixel dissolve image reveal effect"
canonical: "https://framer.elliotli.dev/component/pixel-image-focus"
---

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

# Pixel Image Focus

Pixel dissolve image reveal effect

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

![Pixel Image Focus preview image 1](https://framer.elliotli.dev/og/component/pixel-image-focus/5a9eb74e86401cde/1600x1200.jpg)

## Summary

Pixel dissolve image reveal effect

## Description

Give images a premium entrance. PixelReveal animates your images from chunky, abstract pixel blocks into sharp, detailed photos — a effect on high end design agency sites ([https://locomotive.ca/en](https://locomotive.ca/en)). **Image** — Pick any image you want.

**Trigger**

-   _On Scroll_ — the reveal fires when the image enters the viewport. Perfect for scroll-driven storytelling.
    
-   _On Mount_ — the reveal fires immediately when the page loads. Best for hero images above the fold.
    

**Duration** — How long the full reveal takes in seconds. Lower is snappier, higher is more dramatic. Default is .8s.

**Pixel Steps** — The number of resolution jumps from fully pixelated to sharp. Fewer steps (3–5) gives a chunky, staccato feel. More steps (10–16) gives a smoother, more continuous dissolve. Default is 8.

**Scroll Threshold** — How much of the image needs to be visible in the viewport before the reveal triggers, from 0 (as soon as any pixel appears) to 1 (fully in view). Default is 0.15.

If you run into any problem while using the component, email [trotter.isaiah0@gmail.com](mailto:trotter.isaiah0@gmail.com) or text me at 478-334-8505 if it's urgent, and we'll get it resolved!

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

-   All · #2811

## Details

- **Author**: eyezayuh
- **Price**: $9.00
- **Published**: 2026-06-24
- **Updated**: 2026-07-14
- **Added**: 2026-06-24
- **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