🍓 Infinite Fruit Loops - Pure Bubble

sudsy · 2020-12-06T16:18:25.130Z

Just wanted to share some RG carousels (sliders) created using only Bubble - i.e. no plug-ins, JS, or CSS shenanigans. Check it…

RG Infinite Loops

The basic technique involves repeatedly removing the first item in the list and appending it to the end. I then experimented with a couple of Bubble’s built-in animations.

I refer to the technique as:

       Bubble
       Advanced
       Dynamic
       Animated
       Super
       Slider

-Steve

boston85719 · 2020-12-06T17:02:38.789Z

Is the editor available? Interested in seeing what the size of the elements are, especially the slid in slide out.

sudsy · 2020-12-06T18:16:05.564Z

Hi @boston85719,

Matthew McGowan:

Is the editor available?

I’ll post to the forum when it is.

Matthew McGowan:

Interested in seeing what the size of the elements are, especially the slid in slide out.

It’s a single-cell RG, so the entire rounded-square RG is what’s visible on the rendered page. The RG itself is what’s animated.

-Steve

AliFarahat · 2020-12-06T19:26:58.461Z

Will be interesting to see the editor. Is that possible?

sudsy · 2020-12-06T22:49:59.060Z

Indeed, @AliFarahat, I do intend to make it (and other techniques) available. I’ll post back to the forum when ready.