Ember Sparks

Ember Sparks

About Ember Sparks

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 and I'll help sort it out.