Fx Tap Spark Burst

ProNew

A burst of sparks where you click or tap, or from a control activated by keyboard.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.


pnpm dlx shadcn@latest add @tealmac-pro/fx-tap-spark-burst

Prop	Type	Default	Description
`children`	`ReactNode`	-	Content that bursts when activated.
`enabled`	`boolean`	`true`	Turn the effect off without unmounting.
`sparks`	`number`	`12`	Sparks per burst.
`distance`	`number`	`56`	Furthest a spark flies in pixels.
`duration`	`number`	`600`	Milliseconds a burst lasts.
`className`	`string`	-	Classes for the root element.

Reacts to clicks only, not to pointer movement. A keyboard activation bursts from the centre of the control.
The overlay is decorative: it is hidden from assistive technology and never captures pointer events or focus.
The canvas is not mounted under prefers-reduced-motion. The loop runs only for the length of a burst.