Neural Smudge & Grain is not just a component; it is a high-performance WebGL engine designed for creative directors and Framer designers who demand a premium, cinematic aesthetic. By leveraging real-time velocity tracking, this shader dynamically "smears" your media based on the speed and direction of the user's cursor, creating an organic, fluid interaction that feels like wet paint on glass.
Combined with a high-frequency Neural Grain engine, it adds a layer of tactile texture that breathes life into static images and videos, setting a new standard for high-end interactive design in Framer. Whether you are building a luxe fashion portfolio or a dark-mode agency site, this component provides the professional polish seen on award-winning digital experiences.
* Velocity-Driven Smearing: The effect is powered by physical movement. The faster the cursor moves, the more dramatic the fluid smear, creating a responsive and living interface.
* High-Frequency Neural Grain: An integrated noise engine adds a cinematic film grain look. This texture intensifies during interaction, providing a tactile, grounded feel to digital media.
* Interactive 3D Spatial Tilt: The component tilts in 3D space toward the cursor with adjustable perspective, creating a cohesive, immersive depth that makes your media feel like a physical object.
* Chromatic Velocity Fringe: As the smudge intensifies, the RGB channels split along the velocity vector, simulating professional motion-blur and optical chromatic aberration.
* Agency-Pro Media Engine: Seamlessly supports high-resolution Images and Videos (MP4/MOV) with optimized "Play on Hover" synchronization and 60FPS WebGL performance.
* Grain & Smudge Tuning: Independently control the Scatter Power (grain intensity) and Smudge Intensity to create anything from subtle motion blur to abstract liquid art.
* Damping & Physics: Fine-tune the "Damping" slider to achieve that elite, heavy "weight" and silk-smooth movement seen on premium Awwwards-level portfolios.
* Customizable Design System: Built-in controls for corner radius, borders, and shadows ensure the component integrates perfectly into your existing design language.
* Luxe & Fashion Portfolios: Add an organic, high-end "editorial" feel to your media showcases.
* Dark-Mode Agency Sites: Use the grain and smudge to create a mysterious, sophisticated user experience.
* Interactive Hero Sections: Capture immediate attention with a component that turns every mouse movement into a work of art.
Creative Apes
