How to build infinite scroll in Bubble

The simplest valid way to build infinite scroll in Bubble is to use a Repeating Group that loads items in small "chunks" using its Data source with the :items until # operator, and then increase that number when the user scrolls to the bottom. You detect “bottom reached” with the built‑in event Repeating group is scrolled to bottom, increase a custom state (for example items_to_load), and the RG automatically loads more items.

Core Idea

You are not loading “all data.” You load maybe 20 items first, then when the user scrolls to the bottom, you add 20 more. Bubble re-runs the search with a higher limit, which creates the infinite scroll effect.

• Create a custom state (for example on the page) called items_to_load of type number. Default value: 20.
• Set your RG's Data source to: Search for Things:items until # Parent group's items_to_load. Replace “Things” with your data type.
• Turn the RG scroll type to Vertical scrolling (not full list, not extendable list).
• Add workflow event: When RepeatingGroup X is scrolled to bottom.
• Inside that event, action: Set state → items_to_load = items_to_load + 20.

Example Data Source

Search for Posts:items until # Page's items_to_load

Explanation

The RG starts by loading 20 posts. When the user reaches the bottom, the workflow fires, increasing the custom state to 40. Bubble automatically re-runs the same “Search for Posts” but now limits it to 40 results. This scaling feels like infinite scrolling, even though technically it's increasing chunks.

Important: This avoids client overload because you aren’t loading thousands of items at once. You’re fetching manageable batches, and Bubble handles the rest efficiently.

This is the most reliable, native, plugin‑free way to implement infinite scroll in Bubble today.