About Particle Field CTA

A last word with atmosphere. A canvas field of particles orbiting your call to action: quiet on its own, stepping aside as the cursor passes, gathering in when the button is hovered or focused, and scattering once on the click before the link is followed. Ring, disc or ellipse, two colours, deterministic seeds, a particle budget that halves itself on phones, and no WebGL anywhere.

Features

• A canvas particle field orbiting the call to action, in two colours.

• Particles step aside from the cursor and ease back when it leaves.

• Hover or focus gathers the field around the button.

• One controlled outward scatter on the click, then the link.

• Ring, disc and ellipse fields with a deterministic seed.

• Repulsion, Cursor Radius, Attraction and Burst all on sliders.

• Particle budget halves itself on phones.

• Three CTA styles and full colour control.

• Real link and button semantics, with modified clicks left to the browser.

• One standalone React + TypeScript file, Canvas 2D only.

• 26 controls in the Framer properties panel