component
Hover Shader Card
By Bora Ezer
Details
- Bora EzerAuthor
- componentType
- $8.00Price
- 2026-04-17Published
- 2026-05-03Updated
- 2026-04-10Added
- CardsCategories
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
Introduction
Interactive hover shader card
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #8189