Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.17

/
/
Home
/Patterns
/268. Modal Blackout w/ Swiper

Modal Blackout w/ Swiper

 MobileOnboardingPathfindingApple OS

A mobile onboarding pattern featuring a full-screen modal with a dimmed background, presenting content in a swiper or carousel format. This pattern is often used for multi-step flows or image galleries, typically including a close button for dismissal. Notable behavior: Swipe; Close; Modal active.

Was this useful?
Device (Tabs)
Mobile
System (OS)
Apple OS
Language (i18n)
English
Description
A mobile onboarding pattern featuring a full-screen modal with a dimmed background, presenting content in a swiper or carousel format. This pattern is often used for multi-step flows or image galleries, typically including a close button for dismissal. Notable behavior: Swipe; Close; Modal active.
VotesUp
VotesDown
Pattern ID
268
UX Flows
Onboarding
Pathfinding
UI Components
Modal
Steps
Image / Illustration
Button
Close Overlay
Dim Overlay
Version
2.1.14
HD available on Youtube
HD available on Youtube
 

Related patterns

  • 241. Modal Blackout w/ Steps
  • 256. Modal Blackout w/ Forms & Steps
  • 262. Bottom Fixed Modal Blackout
  • 294. Full-Screen Steps Animated Transition
  • 378. Modal Blackout w/ Animation
  • 73. App Swiper
  • 321. Caloriemama - App Hero Swiper
  • 355. Navigation Tabs with Slider (Swipe)
  • 114. News Swiper
 
 

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback