---
title: "Hover Shader Card — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Bora Ezer · Cards. Interactive hover shader card"
canonical: "https://framer.elliotli.dev/component/hover-shader-card"
---

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

# Hover Shader Card

Interactive hover shader card

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

![Hover Shader Card preview image 1](https://framer.elliotli.dev/og/component/hover-shader-card/6e51f8684b9b3d9a/1600x1200.jpg)

## Summary

Interactive hover shader card

## Description

A premium interactive card component featuring a real-time hover-driven lighting shader and responsive 3D rotation.

The shader reacts directly to cursor position, producing dynamic light distortion across the surface. On hover, the card rotates in 3D based on pointer movement while the lighting shifts in sync, creating a tightly coupled depth and motion response.

Built for high-end UI work where subtle interaction and visual feedback are essential.

### Features

-   Premium cursor-driven lighting shader
    
-   Real-time light distortion based on pointer position
    
-   3D hover rotation tied to cursor movement
    
-   Smooth, continuous interaction system
    
-   Fully responsive and reusable Framer component
    

### Use cases

-   Hero cards
    
-   Feature highlights
    
-   Pricing or info blocks
    
-   Portfolio sections
    
-   Landing page components
    

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

-   All · #8516

## Details

- **Author**: Bora Ezer
- **Price**: $8.00
- **Published**: 2026-04-17
- **Updated**: 2026-05-03
- **Added**: 2026-04-10
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator