Scrolling
16 components in Scrolling, each with an animated preview.
16 components
Auto Advance CarouselA paged carousel that advances on a timer and pauses while the user is dragging it.
Cover Flow CarouselA horizontal carousel where the centered item faces forward and its neighbours turn away in 3D as you scroll.
Hide On Scroll BarA bottom bar that slides out of view while the user scrolls down and returns as soon as they scroll up.
Infinite Marquee RowA row of content that scrolls forever without a visible seam.
Netflix Rows ScrollerA vertical stack of titled horizontal rows where each row scrolls on its own, like a streaming home screen.
Onboarding PagerA full-screen onboarding flow with swipeable pages, a progress indicator and a button that advances or finishes.
Paged Grid LauncherA launcher of icon grids that pages horizontally, with each page filled row by row like the iOS home screen.
Parallax Cards RowA horizontal carousel whose card artwork moves in parallax using visualEffect.
Peek CarouselA paging carousel that shows the edges of its neighbours.
Pull Progress RefreshA custom pull to refresh whose ring fills with the pull distance and starts a refresh when released past a threshold.
Scroll Fade CardsA vertical scroll of cards that scale down and fade at its edges with scrollTransition.
Scroll Progress BarA thin bar pinned to the top of a scroll view that grows with the reading progress of the content.
Scroll Visibility RevealSections fade and slide into place the first time they become visible while the user scrolls.
Sticky Parallax HeaderA parallax header that stretches on overscroll and collapses into a pinned bar.
Sticky Stacked CardsCards that pile up at the top of the screen as the next card scrolls over them.
Vertical Full Screen FeedA vertical feed where each item fills the screen and snaps into place, in the style of short-video apps.
No component matches. Try fewer words, or clear the filters.