Pixel Hover Card
Made for memorable reveals
About this component
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, or send it over. I’d love to see what you create.
Need help?
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
