Collaborative Cursors
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.
Explore more
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



