---
title: "Fluid Pixel Text — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Sanna Granqvist · Text. Smudge any image into interactive pixels"
canonical: "https://framer.elliotli.dev/component/fluid-pixel-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Fluid Pixel Text

# Fluid Pixel Text

Smudge any image into interactive pixels

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

![Fluid Pixel Text preview image 1](https://framer.elliotli.dev/og/component/fluid-pixel-text/fbff4311cd0cdd14/1600x1200.jpg)

## Summary

Smudge any image into interactive pixels

## Description

Turn any image into a living, interactive particle system. Upload a logo, wordmark, icon, or illustration and FluidPixelText breaks it down into thousands of colored particles that respond to your cursor in real-time. Hover to smudge and scatter — particles spring back into place with fluid, organic motion.

Fine-tune the effect with controls for particle density, dispersion radius, repulsion force, swirl, snap-back speed, and damping. Works with PNGs, JPGs, SVGs, and more. Retina-ready with automatic DPR scaling, responsive to any container size, and touch-friendly on mobile devices.

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

-   All · #1851

## Details

- **Author**: Sanna Granqvist
- **Price**: $12.00
- **Published**: 2026-02-18
- **Updated**: 2026-03-08
- **Added**: 2026-02-16
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos