---
title: "Ember Sparks — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Talha Manzoor · Cursors. Cursor particle trail effect"
canonical: "https://framer.elliotli.dev/component/ember-sparks"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Ember Sparks

# Ember Sparks

Cursor particle trail effect

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

![Ember Sparks preview image 1](https://framer.elliotli.dev/og/component/ember-sparks/9233ff65164b387e/1600x1190.jpg)

## Summary

Cursor particle trail effect

## Description

**Description:**

A pointer-following trail of warm, glowing embers that spawns particles wherever the cursor (or finger, on touch devices) moves. Built with canvas particle physics - gravity, drag, randomized launch velocity, and fade-out lifetime - for a natural, non-repeating look on every pass.

Features:

-   Full customization: colors (multi-color palette), particle size range, glow blending, hot-core highlight
    
-   Physics controls: gravity, drag, launch speed, spread
    
-   Lifetime control in milliseconds, plus a density and max-particle cap for performance
    
-   Full Page overlay mode or scope it to just this layer
    
-   Touch drag support on tablets and phones via Pointer Events
    
-   Pauses automatically when scrolled offscreen or when the browser tab is hidden, so it never wastes CPU/GPU when nobody's looking
    
-   Respects prefers-reduced-motion
    

Where to use it:

-   Hero sections and landing pages for a lively, tactile first impression
    
-   Portfolio or creative agency sites
    
-   Product launches, event pages, or anywhere you want cursor movement to feel rewarding
    
-   Works as a full-page ambient effect or contained inside a single hero/card section
    

How to use it:

1.  Drag the component onto your canvas
    
2.  Set Area to Full Page for a site-wide effect, or This Component Only to scope it to one section
    
3.  Adjust Appearance, Physics, Lifetime, and Spawn settings in the property panel to match your brand and desired intensity
    
4.  Publish - the trail activates automatically on mouse move or touch drag on the live site
    

Refund Policy:

This component is sold as a final sale - no refunds once purchased, since files are delivered instantly and usable right away. Questions or issues?

Email [acreziodesmond@gmail.com](mailto:acreziodesmond@gmail.com) and I'll help sort it out.

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

-   All · #3639

## Details

- **Author**: Talha Manzoor
- **Price**: $4.00
- **Published**: 2026-08-04
- **Updated**: 2026-08-04
- **Added**: 2026-08-04
- **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…