---
title: "Pixel Hover Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Matt · Cards. About Pixel Hover Card is an interactive product card that reveals a second image through a randomized pixel-mosaic animation."
canonical: "https://framer.elliotli.dev/component/pixel-hover-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Pixel Hover Card

# Pixel Hover Card

Made for memorable reveals

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

![Pixel Hover Card preview image 1](https://framer.elliotli.dev/og/component/pixel-hover-card/31adb793e0a1692d/1600x1200.jpg)

## Summary

About Pixel Hover Card is an interactive product card that reveals a second image through a randomized pixel-mosaic animation.

## Description

## About

Pixel Hover Card is an interactive product card that reveals a second image through a randomized pixel-mosaic animation. It includes a matching pixel-animated buy button, two visibility variants, and fluid responsive behavior across every screen.

## What you can customize

Built entirely with native Framer elements and fully editable on the canvas. Customize both images, title, description, price, purchase link, new-tab behavior, and button visibility without code.

## Great for (examples)

Just a few ideas, use it anywhere you want products to feel more interactive:

-   Fashion stores
    
-   E-commerce websites
    
-   Product showcases
    
-   Marketplace listings
    
-   Portfolio grids
    
-   Lifestyle brands
    
-   Beauty products
    
-   Jewelry stores
    
-   Editorial shops
    
-   Creative agencies
    
-   Premium Framer templates
    
-   Product landing pages
    

## Share your build

If you ship something cool with it, post it on X and tag me [@Matthias\_Oel](https://x.com/Matthias_Oel), or send it over. I’d love to see what you create.

## Need help?

Questions or feedback? Reach me anytime: [matthias@lmvision.de](mailto:matthias@lmvision.de) or on X [@Matthias\_Oel.](https://x.com/Matthias_Oel)

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

-   All · #881

## Details

- **Author**: Matt
- **Published**: 2026-08-05
- **Updated**: 2026-10-30
- **Added**: 2026-08-05
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator