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

Made with 💙 by Pablo Armenv2.1.15

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

56. Floating Tooltip with Steps and Blackout

 DesktopOnboardingDecision MakingAwareness

A floating tooltip guides users through a sequence of steps, often for onboarding or feature discovery. It highlights specific UI elements while dimming the rest of the screen to maintain focus on the current step.

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Español
Pattern ID
157
UX Flows
Onboarding
Decision Making
Awareness
UI Components
Version
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

Need more inspiration?

Found this pattern useful?