Stage 1: Normal Mouse

Move your mouse normally.
Cursor moves, page stays still.

Stage 2: Fixed Visual Cursor

Real cursor hidden.
Fake cursor stays in center.

Stage 3: Page Moves Under Cursor

Mouse movement now drags the entire page.
Cursor stays perfectly fixed.

Section A

This is like panning a giant map.
Your "pointer" never moves.

Section B

Great for precision tasks, drawing, accessibility, or OS-level control.

Section C

Try moving your mouse slowly and quickly.

Stage 4: Pixel Buffer?

We are NOT rasterizing the whole page into an image every frame.
Just CSS transform on a DOM container.

Stage 5: Original UX Intact

Hover, clicks, links, inputs still work normally underneath.
The DOM is unchanged.

Try Clicking

Click anywhere — the content is still fully interactive.

Fixed Mouse Demo
Move your mouse → the page moves in the opposite direction.
The visual cursor stays dead-center.

This simulates a "stationary pointer, moving world".
Stage 3 Active — Drag Mode