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

Made with 💙 by Pablo Armenv2.2.0

/
/
Home
/Patterns
/357. Modal w/ Steps & Animation (No blackout) | MURAL

Modal w/ Steps & Animation (No blackout) | MURAL

 DesktopPathfindingAwarenessDecision Making

This modal guides users through multi-step processes with clear instructions and animated transitions, enhancing awareness without obscuring the underlying content.

View more...

Released: Jul 28, 2022

Updated: Aug 20, 2026

Version: 2.1.20

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
This modal guides users through multi-step processes with clear instructions and animated transitions, enhancing awareness without obscuring the underlying content.
VotesUp
VotesDown
Pattern ID
357
UX Flows
Pathfinding
Awareness
Decision Making
UI Components
Modal
Animation
Image / Illustration
Version
2.1.19

Mural

notion image
 

Related patterns

  • 313. Modal Blackout w/ Scroll
  • 262. Bottom Fixed Modal Blackout
  • 231. Floating Dialog Popover w/ Steps
  • 268. Modal Blackout w/ Swiper
 

Still searching?

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

Send feedback