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.

Cursor-following rope trail