Animation

Burst particle emitter

Wraps any element and fires a staggered fan of small specks from a chosen edge, on click, on a loop, or the first time it scrolls into view.

Click to fire. Click again mid flight for a fresh fan.

Using Burst particle emitter

Wraps any element and fires a staggered fan of small specks from a chosen edge, on click, on a loop, or the first time it scrolls into view.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: count, radius, spread, duration, accent, side

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

1674Celebration burstAnimationA canvas burst of paper flakes fired from a button, arcing out in a spread, fluttering edge on as they tumble and settling out of frame under gravity.

1669Blur revealAnimationA wrapper that keeps its child out of focus and slightly offset until it first enters the viewport, then resolves the blur and closes the gap in one move.

1684Directional Slide InAnimationA reveal that pushes content in from any of the four sides by a set distance and lets a spring absorb the arrival.

1697Focus in revealAnimationA reveal that brings content in out of focus and lets it sharpen as it enters view, with an optional per item delay for a stack of rows.

1721Magnetic pull targetAnimationA tile that leans toward the pointer whenever it comes inside a set radius, pulling harder the closer it gets and easing home when the pointer leaves.

1787Mount pop inAnimationA row of shapes that spring in from zero the moment they mount, staggered so the group reads as one wave, with a replay button to watch it again.