Product
Introducing Webhook Events for Alert Changes
Add real-time Socket webhook events to your workflows to automatically receive software supply chain alert changes in real time.
By Phil Gates-Idem -  Nov 21, 2025
🚀 DAY 5 OF LAUNCH WEEK:Introducing Webhook Events for Alert Changes.Learn more →
ngx-ui-tour-md-menu
Advanced tools
UI tour library for Angular
Angular Material, Ionic, PrimeNG, Taiga UI, Ng Bootstrap and Ngx Bootstrap UIs are supported.
ngx-ui-tour is a fork of Isaac Mann's ngx-tour. The project had to be forked since the original is no longer
maintained.
Table of contents
- Demo and documentation
- Compatibility
- Installation and Usage
- FAQ
- TourService
- Step Configuration
- Defaults
- Hotkeys
- Event Observables
- Custom template
- Styling Active Tour Anchor
- Targeting Third Party Elements
- License
Demo and documentation
Demo and documentation can be found at hakimio.github.io/ngx-ui-tour
Compatibility
Material Design and Ngx Bootstrap tour UIs
| Angular | RxJS | ngx-ui-tour |
|---|---|---|
| 20 | 7 | 15 |
| 19 | 7 | 14 |
| 18 | 7 | 13 |
| 17 | 7 | 12 |
| 16 | 7 | 11 |
| 15 | 7 | 10 |
| 14 | 6, 7 | 9 |
| 12-13 | 6, 7 | 8 |
| 9-12 | 6 | 7 |
NG Bootstrap tour UI
| Angular | RxJS | ngx-ui-tour |
|---|---|---|
| 20 | 7 | 17 |
| 19 | 7 | 16 |
| 18 | 7 | 15 |
| 17 | 7 | 14 |
| 16 | 7 | 13 |
| 15 | 7 | 12 |
| 14 | 6, 7 | 11 |
| 12-13 | 6, 7 | 10 |
| 9-12 | 6 | 9 |
Ionic tour UI
| Angular | RxJS | Ionic | ngx-ui-tour |
|---|---|---|---|
| 20 | 7 | 8 | 7 |
| 19 | 7 | 8 | 6 |
| 18 | 7 | 8 | 5 |
| 18 | 7 | 7, 8 | 4 |
| 17 | 7 | 7, 8 | 3 |
| 16 | 7 | 6, 7 | 2 |
| 15 | 7 | 6, 7 | 1 |
PrimeNG tour UI
| Angular | RxJS | PrimeNG | ngx-ui-tour |
|---|---|---|---|
| 20 | 7 | 20 | 2 |
| 19 | 7 | 19 | 1 |
Taiga UI tour UI
| Angular | RxJS | Taiga UI | ngx-ui-tour |
|---|---|---|---|
| 20 | 7 | 4 | 9 |
| 19 | 7 | 4 | 8 |
| 18 | 7 | 3 | 7 |
| 17 | 7 | 3 | 6 |
| 16 | 7 | 3 | 5 |
| 15 | 7 | 3 | 4 |
| 14 | 6, 7 | 3 | 3 |
| 12-13 | 6, 7 | 2 | 2 |
| 9-12 | 6 | 2 | 1 |
Installation and Usage
- Material Design UI
- Ionic UI
- NG Bootstrap UI
- Ngx Bootstrap UI
- Taiga UI Dropdown UI
- Taiga UI Hint UI
- JavaScript Console UI
FAQ
Step Configuration
Defaults
TourService
Event Observables
Hotkeys
Custom template
Styling Active Tour Anchor
Targeting third party elements
License
MIT
FAQs
Package last updated on 12 Sep 2025
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Related posts
Security News
ENISA Becomes a CVE Root, Expanding Its Role in Europe’s Vulnerability Ecosystem
ENISA has become a CVE Program Root, giving the EU a central authority for coordinating vulnerability reporting, disclosure, and cross-border response.
By Sarah Gooding -  Nov 21, 2025
Product
Introducing Socket Scanning for OpenVSX Extensions
Socket now scans OpenVSX extensions, giving teams early detection of risky behaviors, hidden capabilities, and supply chain threats in developer tools.
By Mix Irving, Ryan Eberhardt -  Nov 20, 2025