---
title: "PixelShift Button — Free Framer component · Best of Framer"
description: "Free Framer component · by madebyli@m · Buttons. Pixel hover animation button"
canonical: "https://framer.elliotli.dev/component/pixelshift-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/PixelShift Button

# PixelShift Button

Pixel hover animation button

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

![PixelShift Button preview image 1](https://framer.elliotli.dev/og/component/pixelshift-button/7df9aedf9f9969bd/1600x1200.jpg)

## Summary

Pixel hover animation button

## Description

A modern button with a dynamic **pixel color transition** on hover.As users move their cursor over the button, scattered pixels animate and shift colors, creating a playful retro-digital effect while keeping the interface clean and minimal.

Perfect for landing pages, creative portfolios, and modern SaaS websites that want subtle interaction without heavy animations.

### Features:

-   Pixel-style hover animation
    
-   Editable pixel colors
    
-   Adjustable pixel density
    
-   Fully responsive
    
-   Lightweight and performance friendly
    
-   Easy to customize inside Framer
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ywa7h9rr-Px11f0p2hovmE0Gj5toRI8JQLrNezs)

### Prefer for:

-   SaaS landing pages
    
-   Creative portfolios
    
-   Interactive websites
    
-   Modern UI design
    

Add a touch of interactive personality to your UI with a simple hover.

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

-   All · #7398

## Details

- **Author**: madebyli@m
- **Published**: 2026-04-14
- **Updated**: 2026-04-18
- **Added**: 2026-04-03
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow