---
title: "Scribble Cursor — Free Framer component · Best of Framer"
description: "Free Framer component · by Heat Bureau · Cursors. Sketchy trail behind your cursor"
canonical: "https://framer.elliotli.dev/component/scribble-cursor"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Scribble Cursor

# Scribble Cursor

Sketchy trail behind your cursor

[View on Framer](https://framer.com/marketplace/components/scribble-cursor/?via=elliot-li)

![Scribble Cursor preview image 1](https://framer.elliotli.dev/og/component/scribble-cursor/15baac85c8daf1a4/1600x1200.jpg)

## 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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #497

## Details

- **Author**: Heat Bureau
- **Published**: 2026-03-31
- **Updated**: 2026-04-28
- **Added**: 2026-03-15
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…