MARKETPLACE
PLUGINS
ANIMATE - CLICK & HOVER ANIMATIONS
Animate - Click & Hover Animations logo

Animate - Click & Hover Animations

Published June 2021
   •    Updated January 2026

Plugin details

OVER 60+ ANIMATIONS AVAILABLE.
This plugin allows you to add more than 60 CSS animations to Bubble elements such as groups, texts, shapes, images and more!

Easy to use via Actions in the Workflow. Can either trigger an animation within a workflow or set a recurring animation on an element.
Just set the element ID and animate it! Hover and Click actions also included!!

$10

One time  •  Or  $3/mo

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

Platform

Web

Contributor details

Datamatic Software logo
Datamatic Software
Joined 2022   •   36 Plugins
View contributor profile

Instructions

First you will need to expose the HTML ID attribute. To do this first go to your Bubble App, then go to Settings -> General and under General Appereance look for 'Expose the option to add an ID attribute to HTML elements' and check it.
Then you will see there's an input at the bottom of any element in your Bubble Editor.

You need to give the element an ID (e.g element_id_1). Then in the Workflow create a new Action and search under the Plugin Tab  > Animate .

Place the ID you gave to your element (e.g element_id_1), then select your desired animation and that's it!
You can also set if you want the animation to happen on hover or click.

For a full list of the animation names please visit demo page

Types

This plugin can be found under the following types:

Categories

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

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (4.0)

Works and really fast support
August 19th, 2021
It works makes Bubble more bubbly and responsive
Bubble