---
title: "Dither Interactive — Framer component · Best of Framer"
description: "$2.00 · Framer component · by Dhexy MW · Effects. Interactive Fluid Image Component"
canonical: "https://framer.elliotli.dev/component/dither-interactive"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Dither Interactive

# Dither Interactive

Interactive Fluid Image Component

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

![Dither Interactive preview image 1](https://framer.elliotli.dev/og/component/dither-interactive/e5239872cc6b5d51/1600x1200.jpg)

## Summary

Interactive Fluid Image Component

## Description

Dither Halftone Fluid Image turns any image into a real-time, ordered-dithered dot grid — right inside Framer, no external plugins. Built on a 4x4 Bayer dithering algorithm, it renders luminance-based dot sizing for a clean, print-inspired halftone look, then brings it to life with cursor-reactive spring physics: dots near the pointer glide away radially and ease back smoothly once the cursor leaves.

Every part of the effect is tunable from the property panel — grid resolution, dot size, dither intensity, hover radius, displacement strength, and the spring's stiffness and damping — so you can dial in anything from a subtle print texture to an exaggerated liquid-dot distortion. The canvas resizes cleanly with its container at any breakpoint.

Note: cursor interaction is desktop/mouse-based; on touch devices the dot grid renders but does not currently react to touch.

**Features:**

-   Real-time ordered (Bayer 4x4) dithering engine
    
-   Luminance-based dot sizing from any uploaded image
    
-   Cursor-reactive spring physics displacement (desktop/mouse only)
    
-   Adjustable grid resolution, dot size, and dither amount
    
-   Configurable hover radius and displacement strength
    
-   Custom spring stiffness and damping controls
    
-   Custom dot color and background color
    
-   Responsive, resize-aware canvas layout
    
-   Fully structured, ready-to-use property controls
    

**Refund Policy**

Due to the nature of digital products, we do not offer refunds once a purchase is made.

If you have any questions before making a purchase, please reach out to us at [dhexy.support@gmail.com](mailto:dhexy.support@gmail.com)

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

-   All · #8825

## Details

- **Author**: Dhexy MW
- **Price**: $2.00
- **Published**: 2026-07-31
- **Updated**: 2026-08-01
- **Added**: 2026-07-31
- **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