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



