MARKETPLACE
PLUGINS
FLOATING ANIMATION
Floating Animation logo

Floating Animation

Published May 2023
   •    Updated January 2026

Plugin details

Trigger a dynamic emoji (or any text) to float upwards and fade out. Customization options include triggering button, the emoji, and the duration of the fade-out effect.
Check out our Figma to Bubble converter at https://www.deezign.io

Free

For everyone

4.0 stars   •   1 ratings
366 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Deezign logo
Deezign
Joined 2022   •   3 Plugins
View contributor profile

Instructions

You can either use it as an action or trigger it by placing the element on the page and following these instructions:
1. Place the icon on the page you want the effect.
2. Enter an ID Attribute to the element you want the effect to be triggered by (upon click)
3. Enter the above id inside the ID field on the plugin element.
4. Enjoy

Types

This plugin can be found under the following types:
Element   •   Action

Categories

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

Resources

Support contact
Tutorial
Forum

Rating and reviews

Average rating (4.0)

Needs to be able to work by class or be able to handle [id^='']
November 1st, 2024
Great so far! Would love to be able to use with classes, or with the ID prefix selector [id^='exampleID']. Right now it throws an error when I try. A little thing, the emoji flashes briefly when the animation ends before it is removed from the DOM. I've made a workaround to handle this behavior as well as handle multiple IDs in repeating groups/tables at once.
Bubble