---
title: "Playful Cursor Trail — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Aamir Saifi · Cursors. Magnetic Tail Cursor adds smooth, physics-based trailing shapes with optional glow effects."
canonical: "https://framer.elliotli.dev/component/playful-cursor-trail"
---

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

# Playful Cursor Trail

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

![Playful Cursor Trail preview image 1](https://framer.elliotli.dev/og/component/playful-cursor-trail/b8da28b9e817c809/1600x1200.jpg)

## Summary

Magnetic Tail Cursor adds smooth, physics-based trailing shapes with optional glow effects.

## Description

Magnetic Tail Cursor adds smooth, physics-based trailing shapes with optional glow effects. Fully customizable, lightweight, and perfect for interactive, modern websites.

Perfect for creative websites, design portfolios, or interactive interfaces that want to add subtle motion magic.

## Features

✅ Physics-Based Cursor Trails – Realistic motion that reacts to cursor speed and direction

✅ Shape Variety – Choose from circles, rectangles, or custom SVGs

✅ Easing & Scale Effects – Trailing elements shrink and fade smoothly

✅ Built-in Glow Effect – Add a glowing aura around shapes for added flair

✅ Glow Spread – Fine-tune the look to match your site’s aesthetic

✅ Toggle Glow On/Off – Optional glow mode for minimal or bold styling

✅ Lightweight & Performant – Optimized for smooth animations on all modern devices

✅ Interactive & Eye-Catching – Boosts engagement with subtle visual delight

## Component Controls

-   Shape Type – Select circle, rectangle, or upload a custom SVG
    
-   Shape Color & Opacity – Control color and transparency
    
-   Trail Length – Set the number of trailing shapes
    
-   Easing & Scale Down – Choose easing range
    
-   Size & Spacing – Customize the shape size and gap between cursor and shapes.
    
-   Glow Toggle – Turn glow effect on or off
    
-   Glow Spread – Set the spread size of the glow
    
-   Mobile Mode – Hide cursor from mobile.
    

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

-   All · #8187

## Details

- **Author**: Aamir Saifi
- **Price**: $5.00
- **Published**: 2025-08-07
- **Updated**: 2025-08-07
- **Added**: 2025-08-03
- **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…