Hover Scan Card

Features

• →Halftone dot effect transforms images into stippled artwork at the default state
• →Lightsaber sweep animation reveals the original image with a glowing scan on hover
• →Blur overlay with staggered content animations for a cinematic reveal experience
• →Full typography controls for Title, Price, Description, Button and Badge — font, size, color and family
• →Five saber glow color presets (Blue, Red, Green, White, Purple) plus custom color
• →Four overlay themes (Dark, Warm, Navy, Rose) with a fully customizable Custom option
• →Four sweep directions (Left → Right, Right → Left, Top → Bottom, Bottom → Top)
• →Adjustable sweep speed, dot spacing and dot size for precise visual control
• →Badge with independent background, text color, blur, border and font settings
• →Mobile and tablet tap support with native scroll preserved
• →Responsive content scaling that adapts to any card size

Use Cases

• →Fashion and luxury brand product cards
• →Real estate property listings and showcase pages
• →AI identity and profile product presentations
• →Sports performance and fitness platforms
• →Beauty, skincare, and lifestyle e-commerce grids
• →Portfolio and lookbook layouts
• →Premium landing pages with editorial image cards