---
title: "Pixelated Hover — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Mahfuzur Rahman · Effects. Static images into interactive art"
canonical: "https://framer.elliotli.dev/component/pixelated-hover"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Pixelated Hover

# Pixelated Hover

Static images into interactive art

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

![Pixelated Hover preview image 1](https://framer.elliotli.dev/og/component/pixelated-hover/be18e1a842d4e339/1600x1200.jpg)

## Summary

Static images into interactive art

## Description

### **Pixelated Canvas Hover Effect for Framer**

Turn static images into awesome interactive pixel art. This component converts any picture into a live grid of shapes that react, swirl, and move right under the cursor.

### **Features**

-   Mouse Physics: Pixels smoothly swirl, repel, or attract as your cursor moves.
    
-   Two Modes: Set it to pixelate only on hover or keep it always pixelated with mouse distortion.
    
-   Super Smooth: Built on HTML5 Canvas with smart FPS limits so it runs flawlessly without slowing down computers or phones.
    
-   Responsive: Looks crisp on Retina screens and resizes automatically.
    

### **Great For**

-   Creative portfolio landing pages and headers.
    
-   Tech, SaaS, and agency website hero graphics.
    
-   Interactive "Meet the Team" headshot grids.
    
-   Web3, crypto, and gaming site visual accents.
    
-   ⚙ Easy Settings (No Code)
    
-   Shapes: Pick between Circle or Square pixels.
    
-   Tweak Physics: Control the size, speed, and pull of the cursor effect.
    
-   Style Colors: Customize background colors, border styles, and tints.
    
-   Glitch Effect: Add a "pixel dropout" look for a retro digital vibe.
    

### **Setup**

-   Copy & paste the code into a new Framer component.
    
-   Drag & drop it onto your page layout.
    
-   Upload your image and tweak the sliders in the side panel!
    

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

-   All · #7814

## Details

- **Author**: Mahfuzur Rahman
- **Price**: $8.00
- **Published**: 2026-07-17
- **Updated**: 2026-07-17
- **Added**: 2026-07-17
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo