Live Cursors

In a work environment where multiple people are simultaneously logged into the application, the Live Cursor feature provides instant visual feedback. With this function, you can always see the mouse movements of your coworkers across the entire editor workspace, even if they are working on different devices and different display sizes.

How it works

As soon as another editor (user) opens the same project, the backend infrastructure registers the movements of their mouse pointer. CODEFLUSS uses normalized coordinates — instead of using absolute screen pixel coordinates (which vary greatly depending on the device and resolution), all cursor positions are converted to proportional values between 0 and 1. On your screen, the cursor is then smoothly rendered at the correct proportional position within your editor workspace, including fluid CSS transitions for damping.

Your colleague's cursor is displayed as an overlay (colored mouse pointer icon with their name label) superimposed on your workspace. The name label automatically fades after 3 seconds of inactivity.

Workspace-Wide Tracking

Live Cursors are not limited to the canvas area. The cursor overlay covers the entire editor workspace, meaning you can see where your colleagues are regardless of which panel, phase, or section they are currently working in — be it Planning, Brainstorming, Grid Sections, Pages, or any other editor view.

Multiple Tabs (Multi-Tab)

A special feature of our cursor system is the Intelligent Tab Recognition (Multi-Tab). If you have the same project open in multiple browser tabs or windows, the system distinguishes between your own active tab and your other open tabs. You will not see a ghost cursor from your own current tab, but you will see cursors from your other tabs — marked with an "(other tab)" label. This is useful for side-by-side comparisons (e.g., desktop and mobile views) or for presentation setups where you want to verify what is visible in another window.

Cross-Device Accuracy

Thanks to the normalized coordinate system, cursor positions remain accurate across different screen sizes and resolutions. A cursor positioned at 75% of the workspace width on a 1920px monitor will appear at exactly 75% on a 1440px monitor — ensuring a consistent collaborative experience regardless of hardware.