Cursor Rope Effect

Cursor-following rope trail

Description:

A smooth, rope-like trail that follows the cursor anywhere on your page. Built with SVG and lightweight per-frame physics — no external animation libraries, no dependencies.

Fully customizable:

• Color, width, and trail length (point count)

• Looseness — control how tight or springy the rope feels

• Round, square, or butt line caps

• Optional taper (narrows toward the tail) and fade (fades opacity toward the tail)

• Opacity and 8 blend modes (multiply, screen, overlay, difference, and more)

• Option to hide the native cursor

Flexible placement:

• Full Page mode — a fixed overlay that tracks the cursor across the entire viewport

• Component-only mode — scopes the trail to just this layer's bounds, great for hero sections or hover cards

Built for production:

• Respects prefers-reduced-motion

• Can auto-disable on touch devices

• Static, non-animating preview on Canvas, Export, and Thumbnails — no performance hit while editing, no export artifacts

Refund Policy: This component is sold as a final sale — no refunds once purchased, since the files are delivered instantly and can be used immediately.