---
title: "Hover Scan Card — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Ahmet Loca · Cards. Hover Scan Card A premium hover card for Framer with a halftone dot effect that transforms your image into a stippled artwork at rest — then…"
canonical: "https://framer.elliotli.dev/component/hover-scan-card"
---

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

# Hover Scan Card

Halftone card with sweep reveal

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

![Hover Scan Card preview image 1](https://framer.elliotli.dev/og/component/hover-scan-card/2290a5a6365f03ec/1600x1200.jpg)

## Summary

Hover Scan Card A premium hover card for Framer with a halftone dot effect that transforms your image into a stippled artwork at rest — then reveals it with a smooth lightsaber…

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**✦ Card Bundle:** [**https://frameze.com/components/category/card?ref=bundles**](https://frameze.com/components/category/card?ref=bundles)

## About Hover Scan Card

A premium hover card for Framer with a halftone dot effect that transforms your image into a stippled artwork at rest — then reveals it with a smooth lightsaber sweep animation on hover. Features a blur overlay with staggered content animations, full typography controls for Title, Price, Description, Button and Badge, five saber glow color presets, four overlay themes, and four sweep directions. Mobile tap support included. Perfect for fashion, real estate, AI platforms, and luxury brands.

**Hover Scan Card Design 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
    
-   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
    
-   Mobile and tablet tap support with native scroll preserved
    
-   Responsive content scaling that adapts to any card size
    

**Live Preview:** [**https://hoverscancard.framer.website/**](https://hoverscancard.framer.website/)

**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
    

**Keywords**

hover card, halftone card, dot effect, scan reveal, animated card, blur overlay, product card, fashion card, luxury card, real estate card, ai card

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

-   All · #5738

## Details

- **Author**: Ahmet Loca
- **Price**: $4.00
- **Published**: 2026-06-05
- **Updated**: 2026-09-30
- **Added**: 2026-06-04
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards