Skip to content

component

Hover Shader Card

By Bora Ezer

Details

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.

125015001750186058/148/228/309/79/15
  • All · #8189