MARKETPLACE
PLUGINS
REPEATING GROUP ANIMATE ON SCROLL
Repeating Group Animate On Scroll logo

Repeating Group Animate On Scroll

Published June 2022
   •    Updated this month

Plugin details

This plugin enables you to trigger animations on the items of your Repeating Group when they enter or leave the viewport as the user scrolls. You can customize the animations, set delays, adjust the duration, and control the easing to create a smooth and engaging user experience. It's perfect for adding interactive and dynamic elements to your Bubble app, making your Repeating Group more visually appealing as users navigate through your content.
Usage Features:

- Triggers animations when Repeating Group items enter/leave the viewport.  
- Choose from 27 types of animations to enhance your UI.  
- Define the delay for when the animation should start.  
- Set animation duration to control how long each animation lasts.  
- Control easing for smoother transitions between animation steps.  
- Easy integration with Bubble’s Repeating Groups to create dynamic, interactive experiences.  

 




Feedback



FAQ

- How do I add animations to my Repeating Group items?  
To add animations, simply place the plugin’s element on your page and configure the settings for the desired animation. The plugin will automatically trigger the animation when the items enter or leave the viewport while scrolling.

- Can I adjust the timing of the animations?  
Yes, you can define the delay (when the animation starts), the duration (how long the animation lasts), and the easing (for smooth transitions) to create a tailored animation experience.

- Will this plugin affect the performance of my app?  
The plugin is optimized for performance, but excessive use of animations on many elements may slightly impact page load speed, especially on slower devices.

- Does the plugin work with all types of elements?  
Currently, the plugin is specifically designed for use with Repeating Groups. It allows you to animate the items within the group as they enter and leave the viewport.

- Can I customize the animation for each individual item in my Repeating Group?  
While the plugin animates the entire group of items, each item will follow the same animation settings based on their entry into the viewport.







Other plugins from Zeroqode

- Repeating Group to CSV / XLSX  Plugin for Bubble
- Repeating Groups Events on Scroll Plugin for Bubble
- Reverse Repeating Group Plugin for Bubble
- Drag & Drop Repeating Group Plugin for Bubble




Support

If you still have questions or an 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)!


Donations

🔥 Please support our efforts to keep this plugin free—your donations help us invest the time and resources needed to continue maintaining and improving it for everyone's benefit:  https://zeroqo.de/support.

Free

For everyone

4.8 stars   •   6 ratings
1.8K installs
This plugin does not collect or track your personal data.

Other actions

Contributor details

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

Instructions

1. Go to Settings->General of your application and expose the option to add id attributes to html elements. 2. Place the element "RG Animation on scroll" on your page.
3. Add unique element IDs to your repeating group that should be targeted by animation.
4. Choose the animation, delay, duration, and easing.
5. Make sure the repeating group and "RG Animation on scroll" elements are visible at the same time.

Types

This plugin can be found under the following types:

Categories

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

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (4.8)
Default mode works OK, other animations cause bugs
January 21st, 2024
Nice plugin and can't really complain as it is free :) Worth noting that the default setting works nicely although it won't trigger sometimes (nothing blocking as such). Other animations, on the other hand, cause major blocking issues (RG not displaying at all, RG only starting to display once you scroll to the very bottom of the page, RG scrolling horizontally if you use right/left animations...) Happy to change my review if corrected. And thanks again for the work!
Incrivel
November 7th, 2023
Muito Bom
Works perfectly.
December 7th, 2022
Super easy to use, good settings as default. Lots of options. Open source. Not often do I find plugin that work as I like. Thanks
Awesome!!
December 2nd, 2022
Really nice plugin!
October 6th, 2022
The plugin is great, it makes navigation very fluid. Congratulations.
Bubble