What's interesting
- Pointer-reactive image warp inside Framer
- Strength and radius from the property panel
- Marketplace component, no shader code required
Use in your project
- Place on your hero image frame.
- Tune distortion strength on desktop; check mobile performance.
- Pair with stills or looping video from your brand kit.
Prompt your agent
From AI UX Playground: https://aiuxplayground.com/inspirations/framer-interactive-distort
Interactive Distort by byfugu.com
Interactive Distort by byfugu.com adds a liquid, pointer-reactive warp to images inside Framer. Drop the component onto a frame, tune strength and radius, and pair it with stills or video for editorial landing pages and portfolio heroes. A strong reference for tactile motion without custom WebGL, and for how marketplace components can ship polish that would take days to hand-code.
Add cursor-driven image distortion to our hero like this demo.
Hero image: [URL or attach]. Keep motion subtle on mobile.
If not using Framer, propose CSS or WebGL with fallbacks.
