0735

Droplay How to Use Sheet Swipes

Droplay How to Use Sheet Swipes

This onboarding flow uses a bottom sheet with horizontal swipe gestures to navigate instructions. As the user swipes between pages, the primary accent color (seen in the 'Enjoy Droplay!' button and the step badge) dynamically morphs and crossfades between pink, purple, and orange. The transition is directly mapped to the swipe gesture, providing real-time visual feedback. The page content slides horizontally with a subtle parallax or standard slide, while the page indicator dots transition their active states.