Skip to content

component

Scribble Cursor

By Heat Bureau

Details

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.

12014016017438/148/228/309/79/15
  • All · #666