Link to the plugin page:
Demo to preview the plugin:
Introduction
Enhance the visual appeal of your Bubble app with interactive animations through the Click and Hover Effects plugin. This plugin allows you to add various click and hover animations to elements, making your app more engaging and responsive. Choose from a wide selection of predefined effects, customize colors, and adjust styles to match your app's design. Perfect for buttons, icons, and other interactive elements, this plugin elevates the user experience with minimal setup.
See Key Features
Prerequisites
To use the Click and Hover Effects Plugin for Bubble by Zeroqode, ensure the following:
- You must have an active Bubble account.
- The plugin should be installed from the Zeroqode Plugin Marketplace or added directly from the plugin page.
How to setup
Step 1: Install the Plugin
Step 2: Setup the Plugin Element
Plugin Element Properties
Add-animation
Fields:
Title | Description | Type |
Element ID | Unique identifier assigned to the plugin element which can be used to reference an another elements ID Attribute (Group) | Text (optional) |
Effect | Effect Available options: None, Waves - Click, Echo - Click, Bubbly Button - Click, W8 Metro - Click, Click Place - Click, Boris - Click, Jelena - Click, Radomir - Click, Sanja - Click, Novak - Click, Ilinka - Click, Marin - Click, Nikola - Click, Tamara - Click, Zoran - Click, Ivana - Click, Marko - Click, Filipa-left - Click, Filipa-right - Click, Jagoda - Click, Milan - Click, Swipe - Hover, Diagonal Swipe - Hover, Double Swipe - Hover, Diagonal Close - Hover, Zonning In - Hover, 4 Corners - Hover, Slice - Hover, Position Aware - Hover, Alternate - Hover, Smoosh - Hover, Vertical Overlap - Hover, Horizontal Overlap - Hover, Collision - Hover, Underline Stroke - Hover, Underline Fill - Hover, Circle Fill - Hover, Shift - Hover, Mana - Hover, Hover-1 - Hover, Hover-2 - Hover, Hover-3 - Hover, Hover-4 - Hover, Stripe - Hover, Simple pulse - Hover, Simple Raise - Hover, Simple Up - Hover, Smoke - Hover, Brush - Hover, Burn - Hover | Dropdown |
Effect Color | Effect Color | Color |
Content Color | Content Color | Color |
