Feature Block Animated Card
Five circular containers hold AI provider logos (Claude, Copilot, OpenAI, Meta, Gemini) arranged horizontally. The Framer Motion animate function runs a sequence that bounces each logo in turn, scaling and translating vertically. The sequence loops infinitely with a delay between cycles.
A vertical glowing beam animates down through the center using a CSS keyframe animation. Beside it, 12 sparkle particles drift randomly with varying opacity, position, and scale. The particles use Framer Motion with linear easing for smooth continuous motion.
The card container applies a radial mask to fade the skeleton area edges. The dark mode styling uses semi-transparent backgrounds with inset shadows for depth.
Useful for AI product landing pages, integration showcases, developer tool homepages, and any card that needs to visualize a tech stack.
Explore more
Part of Cards ยท 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
100+ templates and blocks combined
Ready to copy paste component blocks, save days of development time



