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

Made with 💙 by Pablo Armenv2.1.19

/
/
Home
/Patterns
/218. Modal Blackout w/ Steps, Forms and Animations

Modal Blackout w/ Steps, Forms and Animations

 DesktopOnboardingWebEnglish

Generated Description

This multi-step modal guides users through an onboarding process with clear form inputs and animated transitions, ensuring focused completion of initial setup tasks.

View more...

Pattern Metadata

Released: Apr 29, 2021

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 218. Modal Blackout w/ Steps, Forms and Animations.

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
This multi-step modal guides users through an onboarding process with clear form inputs and animated transitions, ensuring focused completion of initial setup tasks.
VotesUp
VotesDown
Pattern ID
218
UX Flows
Onboarding
UI Components
Version
2.1.19

Squarespace

notion image
 

Related patterns

378. Modal Blackout w/ Animation
256. Modal Blackout w/ Forms & Steps

Still searching?

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

Send feedback