Flipping Images With Bar
A visually striking image carousel that cycles through images with a unique scanning reveal effect. Each image appears with a blur-in animation, then a glowing bar sweeps from left to right, revealing the full-color version of what starts as a grayscale image.
The scanning bar features a gradient glow effect with animated sparkles trailing behind it. Small particles in blue, sky, violet, and purple colors animate outward from the bar, creating a magical reveal effect.
The component uses three animation phases: appear (blur in), scanning (bar reveals color), and flipping (blur out to next image). Grid lines frame the image container, adding a technical aesthetic. Each cycle takes approximately 3 seconds before transitioning to the next image.
Works well for profile showcases, team sections, portfolio displays, or anywhere you want to add an eye-catching animated image presentation.
Part of Illustrations · All blocks
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
200+ templates and blocks combined
Ready to copy paste component blocks, save days of development time



