Hover Effect
A 3D tilt that follows the mouse and settles back smoothly — for cards, plans and pictures.
A block from @tectra-ng/blocks — it comes with tectra-ng, or alone: npm install @tectra-ng/blocks.
Basic
Move the mouse over the card: it leans towards the pointer and settles back smoothly when the pointer leaves.
Pro
For growing teams
$24 per month
Constrain
constrain divides the pointer distance from the middle: a smaller number tilts more, a larger one stays calm.
Lively
constrain 40
Default
constrain 100
Calm
constrain 250
Design tokens
dt changes the tokens of one effect: a far perspective makes the tilt flatter, resetDuration the return slower.
Deep
A far perspective and a slow return