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

Made with 💙 by Pablo Armenv2.1.19

/
/
Home
/Patterns
/231. Floating Dialog Popover w/ Steps

Floating Dialog Popover w/ Steps

 DesktopAwarenessPathfindingWeb

Generated Description

This pattern guides users through a multi-step onboarding or feature tour with a dismissible, paginated floating dialog, enhancing discoverability and adoption.

View more...

Pattern Metadata

Released: Jun 23, 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 231. Floating Dialog Popover w/ Steps.

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
Español
Description
This pattern guides users through a multi-step onboarding or feature tour with a dismissible, paginated floating dialog, enhancing discoverability and adoption.
VotesUp
VotesDown
Pattern ID
240
UX Flows
Awareness
Pathfinding
UI Components
Hypertext Links
Pagination
Side Panel
Alert Dialog
Modal
Dark Mode
Version
2.1.19
WordpressFigmaNotionYouTube HelpRelated patterns

Wordpress

 
notion image
 

Figma

notion image
Full length and HD in Youtube
Full length and HD in Youtube
 

Notion

notion image
 

YouTube Help

notion image
notion image
notion image
notion image
 

Related patterns

  • 56. Floating Tooltip with Steps and Blackout
  • 100. Floating Tooltip/Dialog
  • 105. Floating Tooltip Blackout
  • 122. Automatic Popover with Steps
  • 290. Floating Popover on Click

Still searching?

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

Send feedback