GridDisplace
GridDisplace is a fully customizable interactive image displacement component for Framer designed to create immersive motion-driven visuals and responsive mouse interactions. Transform static images into dynamic grid-based experiences with smooth displacement, fluid motion physics, and real-time visual distortion that reacts naturally to user movement.
Customize grid density, displacement strength, mouse influence, relaxation speed, smoothing, and motion behavior directly from the properties panel. GridDisplace gives you complete control over the interaction feel, allowing you to create everything from subtle atmospheric movement to bold experimental distortion effects with minimal setup.
Built for modern portfolios, creative studios, fashion editorials, product showcases, landing pages, and immersive interfaces, the component is lightweight, responsive, and optimized for smooth performance across modern devices. Every interaction feels fluid and tactile, creating a sense of depth and responsiveness that instantly makes interfaces feel more alive and interactive.
Perfect for creators looking to add cinematic motion, reactive visuals, and premium interactive detail without complex WebGL setups or heavy animation workflows.
Perthro
