Interactive Distort
Free Framer Marketplace interaction: cursor-driven image distortion for hero sections and editorial layouts.
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/playground/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.
