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