Resources
Desktop app
Marketplace
Community
Developers
Wallpapers
Meetups
Company
Security
Careers
Report
Status
Legal
Blog
Creators
Program
Payouts
Experts
Awards
Events
Brand
Compare
Squarespace
Wordpress
Unbounce
Webflow
Figma
Wix
Solutions
Figma to HTML
Website builder
Portfolio maker
Landing pages
UI/UX design
No-code
Socials
Instagram
X Twitter
YouTube
LinkedIn
Threads
TikTok
    Framer
    EnterprisePricing
    Enterprise
    Pricing
    Marketplace
    TemplatesPluginsComponents
    Templates
    Plugins
    Components
    Component preview thumbnail
    MarketplaceComponents

    Playful Cursor Trail

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

    Aamir Saifi
    Aamir Saifi
    Creator
    1mo ago
    Updated
    720
    Views
    Aamir Saifi
    Aamir Saifi
    Creator
    1mo ago
    Updated
    720
    Views

    Make it with Workshop

    Build your own component with AI


    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.

    Support
    About ComponentsRefund PolicyContact Creator

    More Components

    See All →
    Thumbnail for Image Color Extract, a Framer Marketplace template by Nabeel.
    Image Color Extract
    $4
    Nabeel
    Thumbnail for Reveal Text Scroll, a Framer Marketplace template by Sabo Sugi.
    Reveal Text Scroll
    Free
    Sabo Sugi
    Thumbnail for ClickSpark, a Framer Marketplace template by Utkarsh Chaudhary.
    ClickSpark
    Free
    Utkarsh Chaudhary
    Thumbnail for Grid Hover Image, a Framer Marketplace template by Otvos Studio.
    Grid Hover Image
    $19
    Otvos Studio
    Thumbnail for Flow Cursor, a Framer Marketplace template by Lee Black.
    Flow Cursor
    $10
    Lee Black
    Thumbnail for LineChart, a Framer Marketplace template by Solt Wagner.
    LineChart
    Free
    Solt Wagner
    Thumbnail for Code Block Generator, a Framer Marketplace template by Syauqizaidan Khairan Khalaf.
    Code Block Generator
    $5
    Syauqizaidan Khairan Khalaf
    Thumbnail for Emoji Rain, a Framer Marketplace template by Sanna Granqvist.
    Emoji Rain
    Free
    Sanna Granqvist