Scribble Cursor

Draw a wobbly, organic line that chases the cursor using spring-based physics. Each trailing point is pulled forward by tension and slowed by friction, creating a fluid, whip-like motion. Add jitter to break the line into a rough, sketchy stroke — or keep it smooth for a clean ribbon effect.

Key Features:

• Spring physics engine with adjustable tension and friction

• Jitter control for hand-drawn, sketchy strokes

• Configurable trail length (2–20 trailing points)

• Custom stroke color and thickness

• Global or hover-only tracking modes

• Portal-based fullscreen canvas (no layout interference)

• Retina-ready with automatic DPI scaling

• Zero dependencies beyond React and Framer

Drop it onto any page as a full-screen overlay or scope it to a specific section with hover tracking. The trail draws in real time on a hardware-accelerated canvas, so performance stays smooth even at high point counts.