---
title: "FluidIImage — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Oleksandr Demydov · Effects. Image/Video shader"
canonical: "https://framer.elliotli.dev/component/fluidiimage"
---

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

# FluidIImage

Image/Video shader

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

![FluidIImage preview image 1](https://framer.elliotli.dev/og/component/fluidiimage/fd0373c607fd2f3c/1600x1200.jpg)

## Summary

Image/Video shader

## Description

### Fluid Image pushes your photo or video away from the cursor through a single WebGL pass, with an optional RGB split trailing the motion. Strength, falloff radius, ripple, smoothing and dissipation are all exposed in the properties panel, so the effect ranges from a barely-there shimmer to a heavy liquid drag. It idles properly.

The render loop stops as soon as the cursor stops moving, the component scrolls out of view, or the tab goes to the background — an untouched hero costs nothing instead of running a WebGL loop forever. Video frames are uploaded to the GPU only when the decoder produces one, not once per display refresh.

Works with an image or a video source, with cover fit, position and zoom controls so it fills any container cleanly. Where WebGL is unavailable, or when a visitor has reduced motion enabled, it falls back to a plain image or video automatically.

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

-   All · #10570

## Details

- **Author**: Oleksandr Demydov
- **Price**: $7.00
- **Published**: 2026-09-09
- **Updated**: 2026-09-09
- **Added**: 2026-09-09
- **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