Code Image Hover
Add a hover-triggered scramble effect to any image using customizable grid blocks. Move your cursor over the image and nearby blocks light up with scrambling characters, creating a code, matrix, or terminal-style reveal.
Features
Choose from Binary, Matrix, Arrows, Hex, or your own custom character set
Adjustable block size, detection radius, and cluster size for full control over the effect's density and spread
Configurable lifetime and scramble speed to tune how long and how fast blocks animate
Smoothness control for fade and scale transitions
Custom colors, font, and border radius for each block
Optimized for performance: animation only runs on active blocks, pauses off-screen, and skips entirely in static exports or on canvas
Use cases
Portfolio and case study hero images
Product showcases with a tech or cyberpunk aesthetic
Landing pages needing an interactive, code-inspired visual
Any image where a subtle hover interaction adds engagement without slowing down the page
Refund Policy
As this is a digital product delivered instantly upon purchase, all sales are final and non-refundable.
Code Image Hover
Add a hover-triggered scramble effect to any image using customizable grid blocks. Move your cursor over the image and nearby blocks light up with scrambling characters, creating a code, matrix, or terminal-style reveal.
Features
Choose from Binary, Matrix, Arrows, Hex, or your own custom character set
Adjustable block size, detection radius, and cluster size for full control over the effect's density and spread
Configurable lifetime and scramble speed to tune how long and how fast blocks animate
Smoothness control for fade and scale transitions
Custom colors, font, and border radius for each block
Optimized for performance: animation only runs on active blocks, pauses off-screen, and skips entirely in static exports or on canvas
Use cases
Portfolio and case study hero images
Product showcases with a tech or cyberpunk aesthetic
Landing pages needing an interactive, code-inspired visual
Any image where a subtle hover interaction adds engagement without slowing down the page
Refund Policy
As this is a digital product delivered instantly upon purchase, all sales are final and non-refundable.
