Fluid Pixels Image
About

Fluid Pixels Image is a Framer component that turns an image into a particle system. The cursor scatters, swirls and snaps thousands of colored pixels back into place, which works for interactive branding or a hero that invites a hover.

Add it from the Framer Marketplace, or copy the link into your project, and drop it on the canvas. Upload a PNG, JPG, SVG or WebP, then set particle density, grid resolution, dispersion radius, repulsion force and swirl strength. It costs $12. It works with touch on mobile, and the canvas rendering is optimized.

Included
  • Upload any image (PNG, JPG, SVG, WebP)

  • Real-time cursor interaction

  • Adjustable particle density and grid resolution

  • Dispersion radius, repulsion force, swirl strength

  • Smooth snap-back animation

  • Touch-friendly on mobile

  • Optimized canvas rendering

Fluid Pixels Image

Turns any image into a living particle system. Cursor scatters, swirls, and snaps thousands of colored pixels back into place — for interactive branding or hero moments that invite a hover.