Mouse Image Distortion

PRO

Preview live, install via shadcn or copy the source.

Installation

This will install the component and its dependencies automatically.

PRO COMPONENT

This component is exclusive to reframe/ui PRO.
Get instant access to all premium components and templates.

mouse-image-distortion-usage.tsx• TSX

Name	Type	Default	Required	Description
src	string	—	Yes	Image source URL.
imageScale	number	—	No	How big the image is relative to viewport height.
amplitude	number	—	No	Displacement strength.
smooth	number	—	No	Smoothing for delta.
positionLerp	number	—	No	Mesh position smoothing.
segments	number	—	No	Geometry detail (higher = smoother distortion).