Collab Cursors

Alex
Priya

Collab Cursors stages the feel of multiplayer editing: two named cursors wander a shared canvas on independent GSAP timelines, each pausing to select and drag different shapes. The wander paths never sync, so the scene keeps looking organic. Built with React and Tailwind CSS. A quick way to signal realtime collaboration in product demos without wiring up an actual backend.

Installation

Install dependencies.

Copy and paste the following code into your project.

Unlock the full library

Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.

Get All Access

Update the import paths to match your project setup.