Hover Shader Card

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