Vue Floating UI TourYour Guide to Effortless Product Tours

A lightweight, customizable tour library for Vue 3, powered by @floating-ui/dom.

Get Started

View on GitHub

💡

Easy to Use

Simple Vue 3 composable (`useTour`) for quick integration.

🎯

Powerful Positioning

Leverages @floating-ui/dom for precise and flexible popover placement.

🎨

Highly Customizable

Style with CSS, use custom classes, or provide your own popover rendering function.

✨

Feature Rich

Includes target highlighting, page overlay, and lifecycle hooks for full control.

Why Vue Floating UI Tour?

In today's fast-paced digital world, user onboarding and feature discovery are crucial for application success. Vue Floating UI Tour offers a streamlined solution to create engaging and informative product tours.

Improve User Onboarding: Guide new users through the essential features of your application, helping them understand its value quickly.
Highlight New Features: Announce and demonstrate new functionalities to existing users, encouraging adoption.
Reduce Support Load: Proactively answer common questions and clarify complex workflows, reducing the need for users to seek support.
Developer Friendly: With a clean API, comprehensive TypeScript support, and clear documentation, integrating and customizing tours is a breeze.