---
title: "Particle Trail Mouse — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Quentin Hocdé · Cursors. Particle Trail Mouse creates a burst of animated particles around your cursor or touch input."
canonical: "https://framer.elliotli.dev/component/particle-trail-mouse"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Particle Trail Mouse

# Particle Trail Mouse

Organic animated following particles

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

![Particle Trail Mouse preview image 1](https://framer.elliotli.dev/og/component/particle-trail-mouse/9c7690db72315bbb/1600x1200.jpg)

## Summary

Particle Trail Mouse creates a burst of animated particles around your cursor or touch input.

## Description

Particle Trail Mouse creates a burst of animated particles around your cursor or touch input. Each particle spawns at a random offset, scales up smoothly, then shrinks back to zero — forming a clean, reactive trail that works on both desktop and mobile.

Customize shape, size, color and timing directly from the right panel ✨

### Key Features

-   **Cursor & Touch Reactive** – Particles spawn on both mouse and touch input, working across desktop and mobile.
    
-   **Organic Particle Animation** – Each point has a random offset and scale cycle with eased timing for a natural feel.
    
-   **Circle or Square Particles** – Switch between round and square shapes with one click.
    
-   **Canvas-Based Rendering** – Efficient drawing on a canvas element for smooth performance, even with many particles.
    
-   **Responsive Resize** – Automatically adapts particle positions when the window is resized.
    

Drop it into your page, adjust the controls, and get a refined particle trail in seconds — no extra code needed.

### 🔧 Props / Controls

-   Particle Type: Choose between circle or square shapes.
    
-   Area Size: Radius of the area where particles can spawn around the cursor.
    
-   Particle Size: Maximum additional size for each particle.
    
-   Particle Color: Color of all particles.
    
-   Min Lifetime: Minimum duration of each particle’s scale animation cycle.
    
-   Max Lifetime: Maximum duration of each particle’s scale animation cycle.
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-k36i97ls-7Jsuy1NKDjgHRw5rmPNKSaoEZCSFfB)

### Best For

-   Hero sections with subtle interactive backgrounds
    
-   Portfolio and experimental layouts
    
-   Cursor-based visual feedback on desktop
    
-   Touch-reactive micro-interactions on mobile
    

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

-   All · #4941

## Details

- **Author**: Quentin Hocdé
- **Price**: $5.00
- **Published**: 2026-03-24
- **Updated**: 2026-04-08
- **Added**: 2026-03-12
- **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…