Divyesh WebCraft
Ribbon Hero
Free3D ribbon with smooth motion
Searching…
Sketchy trail behind your cursor
Sketchy trail behind your 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.
Divyesh WebCraft
3D ribbon with smooth motion
Karim Saif
ٍpider that tracks your cursor

Jamik
Fluid cursor trail in pixels/ASCII

princeee
Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…