Fluid Pixel Text — Framer Component

A dynamic Framer text component that turns typography into fluid, interactive pixels.

,

Explore Website icon

Fluid Pixel Text — Framer Component

An image-driven interactive particle effect.
Upload any image and the component samples it into a grid of colored particles rendered on canvas. As users move their cursor, they can smudge, disperse, and interact with the particles in real time.

About this Component

Fluid Pixel Text transforms static visuals into a living particle system. Upload a logo, wordmark, icon, or illustration, and it breaks the image into thousands of responsive particles that react dynamically to movement. Hover to scatter and swirl them — then watch as they snap back into place with smooth, organic motion.

The effect is fully customizable, with controls for particle density, dispersion radius, repulsion force, swirl intensity, snap-back speed, and damping. It supports PNG, JPG, SVG, and more. Retina-ready with automatic device pixel ratio scaling, fully responsive to container size, and optimized for touch interaction on mobile.



UI8 - curated design resources