Distorted Matrix
An interactive image distortion component for Framer that creates a fluid, grid-based distortion effect on images using WebGL shaders. The distortion responds to mouse movements, creating an engaging and dynamic visual experience.
Features
- Interactive Distortion: Real-time image distortion that follows mouse movement
- Customizable Grid: Adjustable grid resolution for different distortion patterns
- Fluid Animation: Smooth relaxation effect that creates natural-looking motion
- Performance Optimized: Uses WebGL and Three.js for hardware-accelerated rendering
- Responsive: Automatically adapts to container size changes
- Transparent Background: Alpha support for seamless integration
