Gallery
See what others have created

misaka
@misaka
Pull-Up to Load More
Design the bottom of a mobile list where pulling up reveals more items. The gesture should feel native to a feed, inbox, or catalog: the user reaches the end, then discovers there is more content by dragging upward from the bottom edge of the list.
At rest, the list should communicate that it continues beyond the visible items. Use a clear bottom affordance, loading cue, or partial peek of the next batch so the interaction reads as a pull, not a tap or a page jump.
Show the loading moment after the threshold is crossed. The indicator lives in the same list flow, anchored to the bottom, while the current items stay stable above it. The user should understand whether more content is arriving, already loaded, or unavailable.
This challenge is about making infinite scroll feel intentional at the boundary. The hardest part is the transition between the last visible item and the loading state, where the list must stay readable and the next action must be obvious.
What to deliver
- Design the default end-of-list state with a visible pull-up affordance.
- Design the drag-in-progress state as the user pulls upward.
- Design the loading state anchored to the bottom of the list.
- Design the loaded continuation state when new items append.
- Design a no-more-content state if the list cannot extend further.
Make the bottom affordance respond to drag distance before release; a small visual shift or progress state helps the gesture read instantly.