MARKETPLACE
PLUGINS
MATERIAL BUTTON RIPPLES
Material Button Ripples logo

Material Button Ripples

Published March 2019
   •    Updated today

Plugin details

This plugin will add a simple CSS Ripple to your buttons, simple, easy. Updated to not affect any other elements than buttons. (As there was issues in the past with the plugin effecting other elements)

Free

For everyone

3.1 stars   •   7 ratings
92.1K installs
This plugin may track or collect your data. Learn how.

Other actions

Platform

Web & Native mobile

Contributor details

Whitigol Web Design logo
Whitigol Web Design
Joined 2018   •   3 Plugins
View contributor profile

Instructions

Buttons have the ripple animation by default, as per the plugin name. But we have recently added other ripple elements!
To add a ripple to other elements, add the elements to the page you want the ripples to appear on.

Such as;
- Ripple Bubble Icons
- Ripple Google Icons

More updates to come! Thank you for supporting this plugin.

Data collection and tracking

This author has not yet disclosed their data usage policy. Learn more by contacting the author.

Types

This plugin can be found under the following types:
Api   •   Background Services   •   Element

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

Average rating (3.1)

everything above version 1.3.0 does not work
February 26th, 2023
everything above version 1.3.0 does not work
Beatiful
September 14th, 2022
It would be nice to have an option to choose if apply to all buttons on app or to only chosen one with element ID
The new update is working! Great Job!
June 23rd, 2021
Ripple Transparency
May 22nd, 2021
I absolutely LOVE this plugin, except I wish you could change the darkness of the ripple. I really would like to see an option to change how transparent the ripple is!
Hello, and thank you for the review! I will definitely look into that feature for coming updates! I hope you have enjoyed the plugin so far, and I can't wait to continue it's development process. -Whitigol (plugin author)
May 22nd, 2021
  •  
Whitigol Web Design
Element Missing
December 23rd, 2020
Not sure if your latest release broke or something, however your SetRipple element appears to be missing. Inspected the plugin code and there are no elements listed. Looking back to your source change v1.3.0, you removed the element for v1.4.0 release in your update "Bug Fixes, Changed color to RGBA For transparency, changed color back to white, removed unnecessary/unused code" From what I can tell in your code, you are setting var button to elements with tag button and applying a style on click event. Seems to be working without needing the element and is an incredibly simple plugin. Thanks.
Bubble