Mouse Image Distortion

This Demo Requires Full window for better accuracy and performance. Click the button below to open a Good Preview.

Installation

@/components/reframe-ui/mouse-image-distortion.tsx

PRO COMPONENT

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

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).