---
title: "Liquid Pixels — Free Framer component · Best of Framer"
description: "Free Framer component · by Sxcret · Effects. Liquid Pixels is a shader component that transforms images and videos into a fluid field of animated pixels."
canonical: "https://framer.elliotli.dev/component/liquid-pixels"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Liquid Pixels

# Liquid Pixels

Interactive Liquid Pixels Shader

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

![Liquid Pixels preview image 1](https://framer.elliotli.dev/og/component/liquid-pixels/35e2d2d448c27125/1600x1200.jpg)

## Summary

Liquid Pixels is a shader component that transforms images and videos into a fluid field of animated pixels.

## Description

Liquid Pixels is a shader component that transforms images and videos into a fluid field of animated pixels.

It combines liquid noise, responsive hover interaction, and edge falloff in a flexible visual effect that is easy to art direct and customize. Adjust the motion, pixel density, hover behavior, and edge masking to fit a wide range of layouts and styles.

### Features

-   Image and video support
    
-   Animated liquid pixel effect
    
-   Interactive hover response
    
-   Adjustable pixel size range
    
-   Edge falloff controls
    
-   Multiples controls
    

### How to Use

-   Add your Image/Video in the Source field
    
-   Set a poster image when using video for mobile support and compatibility
    
-   Set your Pixel Size range
    
-   Shape the motion with the Noise controls
    
-   Adjust Hover for interaction
    
-   Use Falloff to soften and mask the edges
    

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

-   All · #6042

## Details

- **Author**: Sxcret
- **Published**: 2026-04-16
- **Updated**: 2026-06-21
- **Added**: 2026-04-10
- **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