---
title: "Smudge — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Noman · Effects. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/smudge"
---

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

# Smudge

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

![Smudge preview image 1](https://framer.elliotli.dev/og/component/smudge/91f8e0f10592de27/1600x1200.jpg)

## Summary

smudge effect.

## Description

This component is part of [Framercrafts](https://framercrafts.com/), a library of supercharged Framer components and overrides.

## Description

Smudge creates an interactive canvas where users can distort images using a smudge effect. The component works by manipulating image pixels in real-time as users interact with it. The effect creates a liquid-like distortion that follows the cursor or touch input, similar to smudge tools in photo editing software.

## Use Cases

1\. **Interactive Galleries** - Add playful interaction to image displays

2\. **Creative Portfolios** - Showcase photography with artistic manipulation

3\. **Product Exploration** - Create engaging product image interactions

4\. **Artistic Websites** - Add unique visual effects to image content

5\. **Educational Tools** - Demonstrate image manipulation concepts

## Customizations

• **Image Source** - Any image to apply the smudge effect to

• **Interaction Mode** - Choose between hover or drag-based interaction

• **Smudge Strength** - Adjust the intensity of the distortion effect

• **Smudge Size** - Control the radius of the affected area

• **Responsive Design** - Adapts to container dimensions

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

-   All · #10348

## Details

- **Author**: Noman
- **Price**: $5.00
- **Published**: 2025-07-29
- **Updated**: 2025-08-24
- **Added**: 2025-07-29
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows