Fluid Pixel Text
A Framer particle effect that breaks an uploaded image into colored pixels, which scatter under the pointer and spring back into place.
About Fluid Pixel Text
Fluid Pixel Text works from an image, so its particle treatment can be applied to a wordmark, icon or illustration as well as lettering. Movement temporarily disrupts the picture before the particles settle back into its original form.
Density, repulsion and damping provide control over the response, from a small smudge to a broader swirl. Automatic pixel-density scaling supports sharper rendering on high-resolution screens.
Component details
Transforms an uploaded image into an interactive colored particle system.
Hovering smudges and scatters particles, which spring back into place.
The same effect accepts logos, wordmarks, icons and illustrations.
Particle density, dispersion radius, repulsion, swirl, snap-back speed and damping are adjustable.
The component adapts to its container, supports mobile touch and uses automatic device-pixel-ratio scaling.
Upload an image to the Framer component. PNG, JPG and SVG formats are explicitly supported.
Related components
View all
Built something worth finding?
Submit a site, template, component or tool built with any stack. We will add it to the atlas.