Bootstrap Templates & Themes Logo Bootstrap Templates & Themes
Ngx UI Tour screenshot

Ngx UI Tour

Author Avatar Theme by Hakimio
Updated: 22 Jul 2025
200 Stars

UI tour for Angular apps

Github Live Preview

Categories

Angular

Overview

Ngx UI Tour is an impressive library designed to create guided tours for Angular applications. With its compatibility across popular UI frameworks such as Angular Material, Ionic, PrimeNG, Taiga UI, and both Ng Bootstrap and Ngx Bootstrap, it provides a versatile solution for developers looking to enhance user onboarding experiences. Originally a fork of Isaac Mann’s ngx-tour, Ngx UI Tour has stepped in to fill the gap left by the original project’s lack of maintenance, ensuring ongoing support and updates.

Whether you’re looking to simplify the user experience in a complex application or highlight key features to new users, this library is a powerful tool that can elevate your application’s usability significantly.

Features

  • Wide Compatibility: Works seamlessly with multiple UI frameworks including Angular Material, Ionic, and Bootstrap, catering to diverse development needs.
  • Customizable Tours: Offers extensive configuration options for personalized user tours, helping developers create a unique onboarding process.
  • Event Observables: Integrates RxJS with event observables to provide reactive programming capabilities, allowing for a more dynamic experience.
  • Hotkey Support: Facilitates easy navigation during the tour by enabling hotkey functionality, improving user accessibility.
  • Custom Templates: Allows developers to craft custom templates for tour steps, ensuring that the appearance matches the application’s design aesthetic.
  • Styling Options: Provides styling customization for active tours, enabling developers to align tours with their brand or application theme.
  • Targeting Third-Party Elements: Supports the ability to target elements outside of the base UI frameworks, expanding potential functionalities within various environments.
  • Clear Documentation: Comes with comprehensive documentation that guides users through installation, configuration, and usage, making it beginner-friendly.