{"repo":"gfazioli/mantine-onboarding-tour","free":true,"listed":false,"github":"https://github.com/gfazioli/mantine-onboarding-tour","clone":"git clone https://github.com/gfazioli/mantine-onboarding-tour.git","description":"A Mantine 9 onboarding tour component with focus-reveal overlays, cutout highlights, step-by-step popover navigation, and compound components for guided user experiences.","language":"TypeScript","stars":56,"topics":["focus","focus-management","mantine","mantine-ui","mantine-v7","nextjs","onboarding","onboarding-tool","reactjs","reveal"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Mantine Onboarding Tour Component --- ❤️ If this component has been useful to you or your team, please consider becoming a sponsor Overview This component is created on top of the Mantine library. It requires Mantine 9.x and React 19 . Mantine OnboardingTour is a flexible onboarding system for React apps built on Mantine. You declare an array of steps (OnboardingTourStep) where header, title, content, and footer can be strings, React nodes, or functions that receive the tour controller for dynamic rendering. Each step can customize focus and reveal behavior via FocusReveal props, including overlay, scroll-into-view, transitions, and popover configuration. Targets can be matched with data-onboarding-tour-id or wrapped using OnboardingTour.Target when elements live outside the tour’s children. A controller exposes current step state and actions (start, next, prev, end), while advanced hooks let you swap popover content, implement custom steppers, and tailor overlays or scroll containers for complex layouts, making product tours both accessible and highly customizable. [!note] → Demo and Documentation → Youtube Video → More Mantine Components → Full page Demo Installation or After installation import package styles at the root of your application: Usage Sponsor ❤️ If this component has been useful to you or your team, please consider becoming a sponsor Your support helps me: - Keep the project actively maintained with timely bug fixes and security updates - Add new features, imp","default_branch":null,"files":null,"tree":[],"storefront":"/r/gfazioli","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/gfazioli/mantine-onboarding-tour/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}