---
title: "Stroke Hover — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Francesco Caronte · Cards. About this Component Stroke Hover is a fully responsive, fully customizable card component."
canonical: "https://framer.elliotli.dev/component/stroke-hover"
---

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

# Stroke Hover

Animated outline overlay

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

![Stroke Hover preview image 1](https://framer.elliotli.dev/og/component/stroke-hover/8be4d26ae090b8e6/1600x1200.jpg)

## Summary

About this Component Stroke Hover is a fully responsive, fully customizable card component.

## Description

## About this Component

Stroke Hover is a fully responsive, fully customizable card component. You can adjust everything—from layout, texts, images, and videos, hover effects, animation speed, and types—making it perfect for interactive, dynamic UI elements.

## Properties

### / Media

-   Media Type
    
-   Media Sourge
    
-   Media URL
    

### / Card

-   Link
    
-   Link Target
    
-   Card Radius
    
-   Card Padding
    

### / Stroke

-   Stroke Color 1
    
-   Stroke Color 2
    
-   Blend Modes
    
-   Easing
    

### / Text

-   Heading Content
    
-   Subheading Content
    
-   Color
    
-   Alignment
    
-   Easing
    
-   Gap
    
-   Font
    

### / Blur

-   Color
    
-   Height
    
-   Amount
    

### / Link Button

-   Radius
    
-   Fill Color
    
-   BG Blur Amount
    
-   Icon Color
    
-   Icon Size
    
-   Icon Type
    

## Use cases

Interactive cards · Portfolio previews · Product showcases · Hero sections · Micro-interactions · UI animations · Experimental layouts · Visual storytelling

## Refund Policy

All sales of digital products are final and non-refundable.

If you have any questions about the product, please contact me at [**info@carontefrancesco.it**](mailto:info@carontefrancesco.it) before completing your purchase. I’m happy to help.

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

-   All · #9452

## Details

- **Author**: Francesco Caronte
- **Price**: $12.00
- **Published**: 2026-02-17
- **Updated**: 2026-02-17
- **Added**: 2026-02-06
- **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