Newed UI - Enhancers

Reactive Particles v1.7.0

Reactive Particles lets you easily add animated particle effects to any element on your Bubble app. The plugin renders interactive particles that can move, connect, and react to cursor interactions, allowing you to create subtle ambient effects, decorative backgrounds, or fully interactive visual layers with full control over particle appearance, movement, and behavior.

No data collected This plugin does not collect user data.

The documentation and the examples for this plugin are being updated. Open the current documentation

Key features 6

Interactive Particle Effects

Create dynamic particle systems that react to cursor movement, clicks, and user interactions in real time.

Full Visual Customization

Customize particle color, size, opacity, speed, and shapes to perfectly match your UI style and branding.

Particle Connections

Generate beautiful connections between particles with configurable line distance, linking behavior, and network effects.

Mouse Interaction Modes

Particles can attract, repel, connect, or react dynamically to cursor movement and clicks.

Cross-Device Support

Particles adapt smoothly across desktop and mobile devices, maintaining a consistent visual experience.

Fast & Lightweight

Optimized particle rendering ensures smooth animations with minimal impact on performance.

In detail

  • Attach particle effects to any page element
  • Fully customizable particle appearance (size, shape, color, opacity, and images)
  • Dynamic particle movement with configurable speed and direction
  • Optional particle connections with customizable line distance, color, and opacity
  • Interactive effects on hover and click (grab, bubble, repulse, push, remove)
  • Multiple plugin instances can run independently on the same page

FAQ 5

Why use Reactive Particles?

Modern interfaces benefit from subtle motion and visual depth. Reactive particle effects create engaging backgrounds and dynamic visuals that respond to user interaction, helping interfaces feel more alive and immersive.

Is any specific or advanced knowledge required to use the plugin?

No. The plugin is designed to be simple and straightforward. You only need to place the element on the page and configure the particle properties in the editor.

Will particle animations affect performance?

That will depend on your settings. The default settings already ensure good performance, but you can check the documentation to find out how to configure it properly for your use case.

Does it work on mobile devices?

Yes. The particle system adapts to different screen sizes and works smoothly on both desktop and mobile devices.

The particles are not appearing. What should I check?

Make sure the plugin element is visible on the page, that the ID set in the target element is correct and was provided to the plugin element, that the number of particles is greater than zero, that the particle color is not transparent, that a polygon shape has at least three sides configured, that particle opacity is greater than zero, and that particle size is not set to zero.