A retro-inspired pixelation transition for modern, high-impact reveals. Combines nostalgia with WebGL-powered performance.
Smooth Transitions A fluid transition from pixelated to clear (or vice versa) using spring physics.
Retro Aesthetic Adds a digital, 8-bit feel to your image reveals.
Performance Optimized Uses efficient shaders to ensure 60fps animations.
Fully Responsive Adapts seamlessly to any container or screen size.
Product Reveals — Start pixelated and reveal the sharp product image on hover.
Gallery Transitions — Add a unique texture to your grid layouts.
Retro Themes — Perfect for 8-bit or brutalist design aesthetics.
Feature Highlights — Draw attention to key visuals as the user interacts.
VIDEO PLACEHOLDER: Installation Tutorial
Log in to your account at framerhub.io
Navigate to framerhub.io/dashboard
Find VFX Image Pixelate in your Recent Purchases
Click the "Copy" button
Open your Framer project
Paste the component anywhere on your canvas (Cmd/Ctrl + V)
Image Settings
Image: Choose your image source
Image Fit: Select Fill, Cover, or Contain
Effect Settings
Strength: Effect intensity (0-2)
Pixel Size: Size of pixels (1-100)
Trigger Options
Trigger: Choose "Always" or "On Hover"
Invert: Flip the hover logic
Subtle Reveals — Use strength 0.5 and large pixel size (50+) for elegant reveals.
8-Bit Feel — Small pixel size (5-10) creates that classic retro gaming look.
Hover Interactions — Set trigger to "On Hover" for interactive image reveals.
Performance — Larger pixel sizes render faster on mobile devices.
Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.
Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!
Combines nostalgia with modern performance. Great for revealing product shots or adding character to image galleries without sacrificing load times.
FramerHub.io 
