Pixelated Image Transition
Component
Last Update: Apr 11, 2025
Premium
Overview
The Pixel Scatter component creates eye-catching image reveals through pixelated transitions on hover. It transforms standard images into interactive elements by breaking them into customizable pixel grids that scramble and reassemble with adjustable noise levels and animation speed.
Customizable Features
Pixel Density
Pixel Size (Rows & Column)
Animation Duration
Noise
How to use component?
To use the component in your Framer project, first, copy it. Then, paste it into your project. It will automatically import and show up in the left sidebar under the Assets tab in the DesignKits folder. You can then drag it onto your canvas to create a new instance.
Need Something Custom?
Got a unique idea that’s not covered by our current components? We’ll build a custom Framer component just for you — no limits, no stress. Let us know what you need, and we’ll take it from there.