---
title: "Neural Smudge Media — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Creative Apes · Effects. Tactile WebGL Smearing & Neural Grain"
canonical: "https://framer.elliotli.dev/component/neural-smudge-media"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Neural Smudge Media

# Neural Smudge Media

Tactile WebGL Smearing & Neural Grain

[View on Framer](https://framer.com/marketplace/components/neural-smudge-media/?via=elliot-li)

![Neural Smudge Media preview image 1](https://framer.elliotli.dev/og/component/neural-smudge-media/71a399bff0d360cd/1600x1200.jpg)

## Summary

Tactile WebGL Smearing & Neural Grain

## Description

## Elevate Your Visual Storytelling with Neural Smudge & Grain

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.

### ✨ Key Highlights

\* **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.

### ⚙️ Technical Control Features

\* **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.

### 💡 Perfect For:

\* **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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #9921

## Details

- **Author**: Creative Apes
- **Price**: $6.00
- **Published**: 2026-05-31
- **Updated**: 2026-04-16
- **Added**: 2026-03-31
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo