Hover Fade Card
A premium product card component for Framer with a smooth hover-triggered blur overlay, staggered text animation, and four built-in color themes. Includes badge support, price display, and a live Demo Mode with an interactive theme switcher — perfect for showcasing the component directly in your Framer Market listing.
Live Preview: https://hoverfadecard.framer.website/
Smooth hover fade animations for a modern interactive feel
Clean card-based layout focused on visual clarity
Soft rounded corners with balanced spacing
Responsive design optimized for desktop, tablet, and mobile
Lightweight structure with GPU-friendly performance animations
Minimal aesthetic designed for modern portfolios and landing pages
Use Cases
E-commerce product grids and shop pages
Beauty, fashion, and lifestyle brand websites
Portfolio and lookbook layouts
Landing pages with featured product sections
Framer Market demos and component showcases
Keywords
product card, hover card, blur overlay, animated card, e-commerce card, shop card, beauty website, skincare ui, framer animation, overlay card, interactive card
Ahmet Loca
