Everything you need to know about using Particles.
Click Export, paste the URL of your hosted image, and copy the embed code. You can paste it into any Webflow Embed element, WordPress HTML block, Squarespace Code Block, or plain HTML page. Each embed is fully self-contained.
Embedding the image as base64 data would make the code too large for most platforms — for example, Webflow has a 50,000 character limit on embeds. Hosting the image separately keeps the embed small and fast-loading.
Yes. Each time you export, unique IDs are generated. This means multiple particle animations can run on the same page without interfering with each other.
Yes. Touch interactions are fully supported — tap and drag to push particles around. The animation is responsive and automatically adapts to whatever container size you set.
PNG, JPG, SVG, and WebP all work. PNGs with transparency tend to work best for logos and icons, since the transparent areas become empty space in the particle field.
The embed fills whatever container it's placed in. In Webflow, set the width and height on the parent div that wraps the embed element. The particle animation will automatically resize to fill it, and the auto-height feature will maintain the image's aspect ratio.