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

Made with đź’™ by Pablo Armenv2.1.19

/
/
Home
/Patterns
/56. Floating Tooltip with Steps and Blackout

Floating Tooltip with Steps and Blackout

 DesktopOnboardingDecision MakingAwareness

Generated Description

This pattern guides users through multi-step onboarding or feature discovery with a focused, sequential tooltip and a dimmed background.

View more...

Pattern Metadata

Released: Apr 5, 2021

Updated: May 28, 2026

Version: 2.1.19

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Español
Description
This pattern guides users through multi-step onboarding or feature discovery with a focused, sequential tooltip and a dimmed background.
VotesUp
VotesDown
Pattern ID
157
UX Flows
Onboarding
Decision Making
Awareness
UI Components
Version
2.1.19
JiraGmailFacebook BusinessRelated patterns

Jira

notion image
 

Gmail

HD available on Youtube
HD available on Youtube
 

Facebook Business

notion image
notion image
notion image
 

Related patterns

  • 100. Floating Tooltip/Dialog
  • 122. Automatic Popover with Steps
  • 105. Floating Tooltip Blackout
  • 164. Static Tooltip on Menu
  • 189. Feature Preview on Menu
  • 295. “NEW” Badge on Menu Items

Still searching?

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

Send feedback