Made with 💙 by Pablo Armen v2.1.19

/

/

/357. Modal w/ Steps & Animation (No blackout)

Modal w/ Steps & Animation (No blackout)

DesktopPathfindingAwarenessDecision Making

Generated Description

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

View more...

Pattern Metadata

Released: Jul 28, 2022

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 357. Modal w/ Steps & Animation (No blackout).

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.