---
title: "Image Pixel Loader — Free Framer component · Best of Framer"
description: "Free Framer component · by vasp · Loaders. Image Pixel Loader is a polished image reveal component for Framer."
canonical: "https://framer.elliotli.dev/component/image-pixel-loader"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Image Pixel Loader

# Image Pixel Loader

Pixelated image reveal effect

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

![Image Pixel Loader preview image 1](https://framer.elliotli.dev/og/component/image-pixel-loader/8a233f9a1bad3f29/1600x1147.jpg)

## Summary

Image Pixel Loader is a polished image reveal component for Framer.

## Description

Image Pixel Loader is a polished image reveal component for Framer. It starts with a blocky pixelated preview and smoothly resolves into a sharp image using a canvas-based transition. Perfect for portfolios, galleries, editorials, product visuals, and landing pages that need a more memorable image-loading moment.

### **How It Works**

Add the component to your canvas, choose an image, then adjust the timing, pixel size, easing, radius, background, and hover replay controls. The component includes a fixed portrait default size and works without any setup.

### **What You Get**

-   Smooth canvas-based pixel reveal
    
-   Custom image support
    
-   Pixel size, duration, delay, and easing controls
    
-   Optional hover replay
    
-   Border, radius, fit, and background controls
    
-   Fixed portrait default sizing for easy drop-in use
    

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

-   All · #1211

## Details

- **Author**: vasp
- **Published**: 2026-08-01
- **Updated**: 2026-08-01
- **Added**: 2026-08-01
- **Categories**: Loaders

## More like this

-   [Preloader Pro V4](/component/preloader-pro-v4) — Interface Studio · $12 — Your Website, Beautifully Unveiled
-   [Circleloader](/component/circleloader) — gustavwf · $5 — Circular logo reveal loader.
-   [AI Text Loading](/component/ai-text-loading) — Syauqizaidan Khairan Khalaf · $5 — Thinking phrases with a shimmer
-   [Preloader Pro V3](/component/preloader-pro-v3) — Interface Studio · $10 — Set the Stage Before the Story