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

    Collaborative Cursors

    SarahSarah
    TylerTyler

    Animated cursors with avatars and name tags that move across a code file background. Each cursor draws a selection box as it moves, then fades out before the next cursor animates.

    The code file shows syntax-highlighted placeholder lines with proper indentation. Cursors use the IconPointerFilled from Tabler icons with color-coded name badges.

    Selection boxes grow from the cursor's starting position to its destination, synchronized with the cursor movement. Animations are staggered so cursors take turns selecting different areas.

    Works well for collaborative tools, code editors, design apps, or any product featuring real-time multiplayer presence.

    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

    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.