component
Scribble Cursor
By Heat Bureau
Details
- Heat BureauAuthor
- componentType
- 2026-03-31Published
- 2026-04-28Updated
- 2026-03-15Added
- CursorsCategories
Summary
Sketchy trail behind your cursor
Description
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.
Introduction
Sketchy trail behind your cursor
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #666