{"id":13808916,"url":"https://github.com/hakimio/ngx-ui-tour","last_synced_at":"2025-05-15T07:07:55.349Z","repository":{"id":37454011,"uuid":"353307607","full_name":"hakimio/ngx-ui-tour","owner":"hakimio","description":"✈️ UI tour for Angular apps","archived":false,"fork":false,"pushed_at":"2025-01-15T09:44:38.000Z","size":27089,"stargazers_count":188,"open_issues_count":2,"forks_count":30,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-05-13T23:42:03.447Z","etag":null,"topics":["angular","angular-material","angular-material-components","ionic","ionic-framework","material-components","ng-bootstrap","ngx","ngx-bootstrap","onboarding","onboarding-tour","prime-ng","product-tour","tour","ui-tour"],"latest_commit_sha":null,"homepage":"https://hakimio.github.io/ngx-ui-tour","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hakimio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-03-31T09:54:53.000Z","updated_at":"2025-05-05T16:41:07.000Z","dependencies_parsed_at":"2022-07-18T10:39:21.578Z","dependency_job_id":"68399935-de93-455c-b028-87178a48a857","html_url":"https://github.com/hakimio/ngx-ui-tour","commit_stats":{"total_commits":618,"total_committers":30,"mean_commits":20.6,"dds":"0.33171521035598706","last_synced_commit":"fa77540f4614a3849e6f19ab89d4f11e0828f8b0"},"previous_names":[],"tags_count":56,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hakimio%2Fngx-ui-tour","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hakimio%2Fngx-ui-tour/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hakimio%2Fngx-ui-tour/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hakimio%2Fngx-ui-tour/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hakimio","download_url":"https://codeload.github.com/hakimio/ngx-ui-tour/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254071774,"owners_count":22009845,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-material","angular-material-components","ionic","ionic-framework","material-components","ng-bootstrap","ngx","ngx-bootstrap","onboarding","onboarding-tour","prime-ng","product-tour","tour","ui-tour"],"created_at":"2024-08-04T01:01:54.907Z","updated_at":"2025-05-15T07:07:50.336Z","avatar_url":"https://github.com/hakimio.png","language":"TypeScript","funding_links":[],"categories":["Third Party Components"],"sub_categories":["Onboarding and Product Tours"],"readme":"![Ngx UI Tour](https://user-images.githubusercontent.com/768105/130578626-8b6cbefb-217c-4943-8661-22459a7b67a3.png)\n\n\u003e UI tour library for Angular\n\nAngular Material, Ionic, PrimeNG, Taiga UI, Ng Bootstrap and Ngx Bootstrap UIs are supported.\n\n`ngx-ui-tour` is a fork of __Isaac Mann's__ `ngx-tour`. The project had to be forked since the original is no longer \nmaintained.\n\n---\n\n[![npm](https://img.shields.io/npm/dt/ngx-ui-tour-core.svg)](https://www.npmjs.com/package/ngx-ui-tour-core)\n[![npm](https://img.shields.io/npm/v/ngx-ui-tour-core.svg)](https://www.npmjs.com/package/ngx-ui-tour-core)\n[![npm](https://img.shields.io/npm/l/ngx-ui-tour-core.svg)](https://www.npmjs.com/package/ngx-ui-tour-core)\n\n## Table of contents\n\n- [Demo and documentation](#demo-and-documentation)\n- [Compatibility](#compatibility)\n- [Installation and Usage](#installation-and-usage)\n- [FAQ](#faq)\n- [TourService](#tourservice)\n- [Step Configuration](#step-configuration)\n- [Defaults](#defaults)\n- [Hotkeys](#hotkeys)\n- [Event Observables](#event-observables)\n- [Custom template](#custom-template)\n- [Styling Active Tour Anchor](#styling-active-tour-anchor)\n- [Targeting Third Party Elements](#targeting-third-party-elements)\n- [License](#license)\n\n## Demo and documentation\n\nDemo and documentation can be found at [hakimio.github.io/ngx-ui-tour](https://hakimio.github.io/ngx-ui-tour)\n\n## Compatibility\n\n### Material Design and Ngx Bootstrap tour UIs\n\n| Angular | RxJS | ngx-ui-tour |\n|---------|------|-------------|\n| 19      | 7    | 14          |\n| 18      | 7    | 13          |\n| 17      | 7    | 12          |\n| 16      | 7    | 11          |\n| 15      | 7    | 10          |\n| 14      | 6, 7 | 9           |\n| 12-13   | 6, 7 | 8           |\n| 9-12    | 6    | 7           |\n\n### NG Bootstrap tour UI\n\n| Angular | RxJS | ngx-ui-tour |\n|---------|------|-------------|\n| 19      | 7    | 16          |\n| 18      | 7    | 15          |\n| 17      | 7    | 14          |\n| 16      | 7    | 13          |\n| 15      | 7    | 12          |\n| 14      | 6, 7 | 11          |\n| 12-13   | 6, 7 | 10          |\n| 9-12    | 6    | 9           |\n\n### Ionic tour UI\n\n| Angular | RxJS | Ionic | ngx-ui-tour |\n|---------|------|-------|-------------|\n| 19      | 7    | 8     | 6           |\n| 18      | 7    | 8     | 5           |\n| 18      | 7    | 7, 8  | 4           |\n| 17      | 7    | 7, 8  | 3           |\n| 16      | 7    | 6, 7  | 2           |\n| 15      | 7    | 6, 7  | 1           |\n\n### PrimeNG tour UI\n\n| Angular | RxJS | PrimeNG | ngx-ui-tour |\n|---------|------|---------|-------------|\n| 19      | 7    | 19      | 1           |\n\n### Taiga UI tour UI\n\n| Angular | RxJS | Taiga UI | ngx-ui-tour |\n|---------|------|----------|-------------|\n| 19      | 7    | 4        | 8           |\n| 18      | 7    | 3        | 7           |\n| 17      | 7    | 3        | 6           |\n| 16      | 7    | 3        | 5           |\n| 15      | 7    | 3        | 4           |\n| 14      | 6, 7 | 3        | 3           |\n| 12-13   | 6, 7 | 2        | 2           |\n| 9-12    | 6    | 2        | 1           |\n\n## Installation and Usage\n\n- [Material Design UI](https://hakimio.github.io/ngx-ui-tour/md-menu/Setup)\n- [Ionic UI](https://hakimio.github.io/ngx-ui-tour/ion-popover/Setup)\n- [NG Bootstrap UI](https://hakimio.github.io/ngx-ui-tour/ng-bootstrap/Setup)\n- [Ngx Bootstrap UI](https://hakimio.github.io/ngx-ui-tour/ngx-bootstrap/Setup)\n- [Taiga UI Dropdown UI](https://hakimio.github.io/ngx-ui-tour/tui-dropdown/Setup)\n- [Taiga UI Hint UI](https://hakimio.github.io/ngx-ui-tour/tui-hint/Setup)\n- [JavaScript Console UI](https://hakimio.github.io/ngx-ui-tour/console/Setup)\n\n## FAQ\n\n[Documentation page](https://hakimio.github.io/ngx-ui-tour/md-menu/FAQ)\n\n## Step Configuration\n\n[Documentation page](https://hakimio.github.io/ngx-ui-tour/md-menu/API#step-config)\n\n## Defaults\n\n[Documentation page](https://hakimio.github.io/ngx-ui-tour/md-menu/Misc#defauls)\n\n## TourService\n\n[Documentation page](https://hakimio.github.io/ngx-ui-tour/md-menu/API#tour-service)\n\n## Event Observables\n\n[Documentation page](https://hakimio.github.io/ngx-ui-tour/md-menu/API#events)\n\n## Hotkeys\n\n[Documentation page](https://hakimio.github.io/ngx-ui-tour/md-menu/Misc#hotkeys)\n\n## Custom template\n\n[Documentation page](https://hakimio.github.io/ngx-ui-tour/md-menu/Misc#custom-template)\n\n## Styling Active Tour Anchor\n\n[Documentation page](https://hakimio.github.io/ngx-ui-tour/md-menu/Misc#styling-active-anchor)\n\n## Targeting third party elements\n\n[Documentation page](https://hakimio.github.io/ngx-ui-tour/md-menu/Misc#targeting-third-party-elements)\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhakimio%2Fngx-ui-tour","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhakimio%2Fngx-ui-tour","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhakimio%2Fngx-ui-tour/lists"}