10% off on all-access. Use code SUPER10.
    d :
    h :
    m :
    Logo

    Feature Block Animated Card

    Damn good card

    A card that showcases a set of tools that you use to create your product.

    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.

    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

    Aceternity UI Pro Demo - Light Mode
    Logo
    Aceternity UI

    Access an ever-growing collection of premium, meticulously crafted templates and Component Blocks.

    A product by Aceternity
    Building in public at @mannupaaji

    ยฉ 2026 Aceternity Labs LLC. All Rights Reserved.