Fluid Metal Component
A stunning WebGL-powered component that creates a mesmerizing fluid metal effect with interactive animations. Perfect for modern, eye-catching backgrounds and visual effects in Framer projects.
Overview
Fluid Metal is a highly customizable WebGL component that renders smooth, flowing metallic animations with real-time mouse/touch interaction. The effect is powered by custom GLSL shaders that create dynamic wave patterns with anti-aliasing for crisp, high-quality visuals.
Features
- WebGL-Powered: Hardware-accelerated rendering for smooth 60fps animations
- Fully Interactive: Responds to mouse movements and touch gestures
- Highly Customizable: Control colors, speed, wave patterns, and more
- Multi-Sample Anti-Aliasing: 3x3 MSAA for smooth, high-quality rendering
- Responsive: Automatically adapts to container size changes
- Performance Optimized: Efficient rendering with debounced resize handling
- Color Support: Accepts hex, rgb, rgba, hsl, hsla, and named CSS colors
