Fluid Pixels Image by Sanna GranqvistFluid Pixels Image | Contra

FluidPixelText turns any image into a living, interactive particle system.

Upload a logo, wordmark, icon, or illustration and the component samples it into thousands of colored particles rendered on a canvas. When users move their cursor across the surface, the particles react instantly — scattering, swirling, and smoothly snapping back into place with fluid, organic motion.
Perfect for hero sections, interactive branding, portfolios, landing pages, or experimental UI moments that invite users to engage with your visuals.

Features

Upload any image (PNG, JPG, SVG, WebP, etc.)
Real-time cursor interaction — smudge, disperse, and swirl particles
Adjustable particle density and grid resolution
Controls for dispersion radius, repulsion force, swirl strength, and damping
Smooth snap-back animation for fluid motion
Fully responsive to container size
Touch-friendly interaction on mobile devices
Optimized canvas rendering for smooth performance

Refund Policy

Due to the digital nature of this product, all sales are final. Refunds are not offered once the component has been purchased and downloaded.
If you experience issues with the component or need help setting it up, feel free to reach out and I’ll be happy to help.
Get it for$12.00
Tags
Framer
Framer component
Framer Designer
Product created by
Sanna Granqvist proGothenburg, Sweden
$5k+
Earned
2
Paid projects
5.00
Rating
165
Followers
Sanna's other products
Framer Component: Curved Text Ticker Pro
$12.00
Framer Component: Gradient Strips BG
$12.00
Get it for$12.00
Tags
Framer
Framer component
Framer Designer

FluidPixelText turns any image into a living, interactive particle system.

Upload a logo, wordmark, icon, or illustration and the component samples it into thousands of colored particles rendered on a canvas. When users move their cursor across the surface, the particles react instantly — scattering, swirling, and smoothly snapping back into place with fluid, organic motion.
Perfect for hero sections, interactive branding, portfolios, landing pages, or experimental UI moments that invite users to engage with your visuals.

Features

Upload any image (PNG, JPG, SVG, WebP, etc.)
Real-time cursor interaction — smudge, disperse, and swirl particles
Adjustable particle density and grid resolution
Controls for dispersion radius, repulsion force, swirl strength, and damping
Smooth snap-back animation for fluid motion
Fully responsive to container size
Touch-friendly interaction on mobile devices
Optimized canvas rendering for smooth performance

Refund Policy

Due to the digital nature of this product, all sales are final. Refunds are not offered once the component has been purchased and downloaded.
If you experience issues with the component or need help setting it up, feel free to reach out and I’ll be happy to help.
Sanna's other products
Framer Component: Curved Text Ticker Pro
$12.00
Framer Component: Gradient Strips BG
$12.00
$12.00
Buy