MARKETPLACE
PLUGINS
BUBBLES EFFECT ON CLICK
Bubbles Effect on Click logo

Bubbles Effect on Click

Published September 2019
   •    Updated November 2025

Plugin details

This is a simple plugin that allows you to add an on-click animated Bubbles effect for your webapp.
You can specify the color of the bubbles, the size, the fade-out time and the border width.
This plugin helps to make your webapp more interactive and increase the user experience.

This Plugin also works on mobile devices.

Please Note: Your page (example: index page) has to be transparent (no background color) in order for the effect to work.




Usage Features:

- Interactive Click Effect: Add a playful animated bubbles effect that triggers whenever users click on your web app.
- Customizable Design: Adjust the color, size, border width, and fade-out time of the bubbles to fit your app’s branding and style.
- Enhanced User Experience: Make your app more engaging and fun by adding a visual interaction that responds to user actions.
- Mobile Compatibility: Works seamlessly on mobile devices, ensuring the effect is consistent across platforms.
- Transparency Requirement: The page (for example, index page) must have a transparent background for the effect to be visible.
- Simple Setup: Just add the plugin, configure the bubble properties, and it’s ready to use without extra coding.

   





FAQ

What is the Bubbles Effect on Click plugin?
It adds an animated bubble effect wherever the user clicks-creating a visually engaging experience without coding.

How do I enable the bubble effect on my page?
Drag the “Click Bubbles” element onto your page. The plugin automatically activates the bubble animation for click events.

What properties can I customize?
You can configure the bubble color, size (width/height in pixels), fade out time (in milliseconds), and border width.

Does it work on mobile devices?
Yes. The plugin supports mobile, so the bubble effect is visible on touch-based browsers as well.

Are there any layout requirements for it to work?
Yes. The page (for example your index page) must have a transparent background (no solid background color) for the effect to be visible.

Has the plugin been updated or maintained?
Yes. It was acquired by Zeroqode (version 1.3.0) and continues to receive updates and improvements (latest update: version 1.4.0) according to the changelog.

With which elements does the effect work?
It works broadly on the page itself-clicking anywhere triggers the bubbles effect, rather than being restricted to specific UI components.




Other plugins from Zeroqode

- Click and Hover Effects Plugin for Bubble
- Animations and Effects for Inputs Plugin for Bubble
- Live Image - Move effect Plugin for Bubble
- Ripple Effect for Buttons Plugin for Bubble




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

$20

One time  •  Or  $3/mo

stars   •   0 ratings
3 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   846 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/click-bubbles-1eec669b00ed800da417e9c23baf7332

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Containers   •   Media   •   Technical   •   Mobile   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble