Skip to Content
πŸ“£ See the latest news β†’
Resources🧩 ComponentsOnboarding Tour

Onboarding Tour

A Mantine component that enables you to create onboarding tours using overlays, popovers, and step-by-step guides, enhancing element visibility and interactivity.

Full documentation and API reference available at gfazioli.github.io/mantine-onboarding-tourΒ 

Installation

yarn add @gfazioli/mantine-onboarding-tour

Overview

Onboarding Tour guides users through your UI step by step:

  • Step-by-step tour β€” highlight elements in sequence
  • Overlay dimming β€” focus attention on the target element
  • Popover content β€” rich tooltips with custom content at each step
  • Navigation controls β€” next, previous, skip, finish
  • Keyboard support β€” navigate with arrow keys and Escape
  • Controlled mode β€” programmatic tour start/stop/step
Last updated on