ClickBurstFX
Creates colorful spark bursts wherever you click, with smooth animated particles that radiate and fade for a playful interactive effect.
Made with Workshop
Build your own component with AI
About this Component
ClickBurst FX adds delightful feedback to user clicks by generating animated sparks that burst outward from the cursor. Each spark follows a smooth, fading motion path, creating a sense of energy and responsiveness. You can customize spark color, size, radius, and count for subtle or bold effects. Animation duration, easing, and overall scale let you fine-tune how the burst behaves—perfect for playful UI interactions, celebratory effects, or adding energy to portfolio and product pages.
Input:Defines the triggering event or interaction that starts the burst effect — typically a mouse click, tap, or custom programmatic trigger. This property controls when the sparks appear.
Output:Specifies the resulting visual or data outcome of the effect once triggered. For example, it may emit completion events, visual layers, or parameters that can be used by other animations or UI systems. This property defines what happens after the burst is rendered.
Min:Sets the minimum value for variable parameters such as spark size, opacity, or spread radius. Lower values make the burst appear more compact or subtle. Useful for creating consistent but restrained effects.
Max:Sets the maximum value for variable parameters like spark size, opacity, or radius. Higher values produce a larger, more energetic burst. Balancing min and max values controls the natural variation and liveliness of the animation.
