Neural Reveal Fluid is not just another hover effect; it is a high-performance WebGL-powered interactive engine designed for Framer creators who demand professional-grade motion. Built with a custom Neural Flow engine, this component uses advanced noise mathematics to simulate the organic movement of fluid, allowing users to 'melt' through layers of media with their cursor.
At the core of Neural Reveal Fluid is a sophisticated Simplex Noise algorithm. Unlike standard linear masks, our shader calculates displacement in real-time based on cursor velocity and proximity. This creates a 'pool of water' effect where the underlying media appears to ripple and shift as it is revealed, providing a tactile, immersive experience that captivates visitors.
To achieve an 'Agency-Grade' look, we've integrated Chromatic Aberration (RGB Fringe) directly into the mask edges. As the liquid mask moves, it splits the light into its red, green, and blue components. This simulated lens-flare effect adds a layer of optical realism usually reserved for high-budget 3D renders or custom-coded boutique agency sites.
Despite its visual complexity, Neural Reveal Fluid is optimized to maintain a locked 60FPS. The engine is engineered with smart texture management, only uploading data to the GPU when media is playing or changing. This ensures your Framer site remains lightweight and responsive across all devices without sacrificing visual fidelity.
- Dual-Layer Engine: Seamlessly transition between Image-to-Video, Video-to-Image, or Video-to-Video.
- Variable Damping: Adjust the 'weight' of the cursor movement to create either a sharp, responsive feel or a slow, cinematic lag.
- Lens Customization: Fine-tune the Lens Size, Edge Softness (Blur), and Flow Intensity to match your brand's aesthetic.
- Native Integration: Fully supports Framer’s native Corner Radius, Shadows, and Link properties for a perfect fit in any UI.
Creative Apes
