diff --git a/.gitignore b/.gitignore
index b901689e..bc5bd388 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,4 @@
-/.angular/cache
+/.angular
 # Logs
 logs
 *.log
diff --git a/README.md b/README.md
index f567aa33..635817fa 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 > UI tour library for Angular
 
-Angular Material, Ionic, Taiga UI, Ng Bootstrap and Ngx Bootstrap UIs are supported.
+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.
@@ -72,6 +72,12 @@ Demo and documentation can be found at [hakimio.github.io/ngx-ui-tour](https://h
 | 16      | 7    | 6, 7  | 2           |
 | 15      | 7    | 6, 7  | 1           |
 
+### PrimeNG tour UI
+
+| Angular | RxJS | PrimeNG | ngx-ui-tour |
+|---------|------|---------|-------------|
+| 19      | 7    | 19      | 1           |
+
 ### Taiga UI tour UI
 
 | Angular | RxJS | Taiga UI | ngx-ui-tour |
diff --git a/apps/ngx-ui-tour-demo/src/app/app.providers.ts b/apps/ngx-ui-tour-demo/src/app/app.providers.ts
index 40b1e6a6..9318e7c2 100644
--- a/apps/ngx-ui-tour-demo/src/app/app.providers.ts
+++ b/apps/ngx-ui-tour-demo/src/app/app.providers.ts
@@ -13,6 +13,8 @@ import {provideAnimations} from '@angular/platform-browser/animations';
 import {provideIonicAngular} from '@ionic/angular/standalone';
 import {NG_EVENT_PLUGINS} from '@taiga-ui/event-plugins';
 import {TUI_ANIMATIONS_SPEED} from '@taiga-ui/core';
+import {providePrimeNG} from 'primeng/config';
+import Aura from '@primeng/themes/aura';
 
 export const DEFAULT_TABS = [
     `Description`,
@@ -90,5 +92,10 @@ export const APP_PROVIDERS: (Provider | EnvironmentProviders)[] = [
     provideIonicAngular({
         mode: 'md'
     }),
+    providePrimeNG({
+        theme: {
+            preset: Aura
+        }
+    }),
     NG_EVENT_PLUGINS
 ];
diff --git a/apps/ngx-ui-tour-demo/src/app/app.routes.ts b/apps/ngx-ui-tour-demo/src/app/app.routes.ts
index 6ba3a1fb..9871395f 100644
--- a/apps/ngx-ui-tour-demo/src/app/app.routes.ts
+++ b/apps/ngx-ui-tour-demo/src/app/app.routes.ts
@@ -37,6 +37,11 @@ export const ROUTES: Routes = [
         title: 'Ionic',
         loadComponent: async () => import('./ion-popover/ion-popover.component')
     }),
+    route({
+        path: 'prime-ng',
+        title: 'PrimeNG',
+        loadComponent: async () => import('./prime-ng-popover/prime-ng-popover.component')
+    }),
     {
         redirectTo: 'md-menu',
         path: '**'
diff --git a/apps/ngx-ui-tour-demo/src/app/pages.ts b/apps/ngx-ui-tour-demo/src/app/pages.ts
index b22291f3..e0b93d22 100644
--- a/apps/ngx-ui-tour-demo/src/app/pages.ts
+++ b/apps/ngx-ui-tour-demo/src/app/pages.ts
@@ -8,6 +8,10 @@ export const pages: TuiDocRoutePages = [{
     section: 'Tour UI Libraries',
     title: 'Ionic',
     route: 'ion-popover'
+}, {
+    section: 'Tour UI Libraries',
+    title: 'PrimeNG',
+    route: 'prime-ng'
 }, {
     section: 'Tour UI Libraries',
     title: 'NG Bootstrap',
diff --git a/apps/ngx-ui-tour-demo/src/app/prime-ng-popover/examples/default-template.md b/apps/ngx-ui-tour-demo/src/app/prime-ng-popover/examples/default-template.md
new file mode 100644
index 00000000..f33a2afe
--- /dev/null
+++ b/apps/ngx-ui-tour-demo/src/app/prime-ng-popover/examples/default-template.md
@@ -0,0 +1,61 @@
+```html
+<tour-step-template>
+    <ng-template let-step="step">
+        <div
+            [style.width]="step.stepDimensions?.width"
+            [style.min-width]="step.stepDimensions?.minWidth"
+            [style.max-width]="step.stepDimensions?.maxWidth"
+            class="main-container"
+        >
+            <div class="title-container">
+                <div class="title">{{ step?.title }}</div>
+                <p-button
+                    severity="secondary"
+                    icon="pi pi-times"
+                    ariaLabel="Close"
+                    variant="text"
+                    [rounded]="true"
+                    (click)="tourService.end()"
+                />
+            </div>
+
+            <p
+                class="card-text"
+                [innerHTML]="step.content"
+            ></p>
+
+            <div
+                class="buttons"
+                [class.no-progress]="!step.showProgress"
+            >
+                <p-button
+                    [disabled]="!tourService.hasPrev(step)"
+                    icon="pi pi-angle-left"
+                    iconPos="left"
+                    severity="secondary"
+                    [label]="step.prevBtnTitle"
+                    (click)="tourService.prev()"
+                />
+                @if (step.showProgress) {
+                    <div class="progress">{{ tourService.steps.indexOf(step) + 1 }} / {{ tourService.steps.length }}</div>
+                }
+
+                @if (tourService.hasNext(step) && !step.nextOnAnchorClick) {
+                    <p-button
+                        icon="pi pi-angle-right"
+                        iconPos="right"
+                        [label]="step.nextBtnTitle"
+                        (click)="tourService.next()"
+                    />
+                }
+                @if (!tourService.hasNext(step)) {
+                    <p-button
+                        [label]="step.endBtnTitle"
+                        (click)="tourService.end()"
+                    />
+                }
+            </div>
+        </div>
+    </ng-template>
+</tour-step-template>
+```
diff --git a/apps/ngx-ui-tour-demo/src/app/prime-ng-popover/prime-ng-popover.component.html b/apps/ngx-ui-tour-demo/src/app/prime-ng-popover/prime-ng-popover.component.html
new file mode 100644
index 00000000..3e0309d1
--- /dev/null
+++ b/apps/ngx-ui-tour-demo/src/app/prime-ng-popover/prime-ng-popover.component.html
@@ -0,0 +1,69 @@
+<tui-doc-page
+    header="PrimeNG"
+    package="ngx-ui-tour-primeng"
+>
+    <ng-template pageTab>
+        <p>
+            <code>ngx-ui-tour</code> is a UI tour library built for Angular. It's inspired by
+            <a tuiLink target="_blank" tourAnchor="angular-ui-tour" href="https://benmarch.github.io/angular-ui-tour">angular-ui-tour</a>.
+        </p>
+        <p>
+            <code>TourPrimeNgModule</code> is an implementation of the tour UI that uses
+            <a tuiLink href="https://primeng.org" target="_blank">PrimeNG</a> Popover to display tour steps.
+        </p>
+        <p>
+            <button
+                tuiButton
+                type="button"
+                (click)="tourService.start()"
+                tourAnchor="start.tour"
+            >
+                Start Demo Tour
+            </button>
+        </p>
+    </ng-template>
+    <ng-template pageTab>
+        <app-header tourAnchor="installation" id="installation">Installation</app-header>
+
+        <ol>
+            <li>
+                <code>npm install ngx-ui-tour-primeng primeng &#64;primeng/themes primeicons</code>
+            </li>
+            <li>
+                Import <code>TourPrimeNgModule</code> into your app module
+            </li>
+            <li>
+                Make sure <code>RouterModule</code> is imported in your app module
+            </li>
+            <li>
+                Make sure PrimeNG is
+                <a tuiLink href="https://primeng.org/installation" target="_blank">installed correctly</a>
+            </li>
+        </ol>
+        <app-usage
+            moduleName="TourPrimeNgModule"
+        ></app-usage>
+    </ng-template>
+    <ng-template pageTab>
+        <app-step-config
+            [isCloseOnOutsideClickVisible]="true"
+        />
+        <app-tour-service-api/>
+        <app-events/>
+    </ng-template>
+    <ng-template pageTab>
+        <app-faq
+            disablePageScrollingIntroducedIn="1.0"
+        />
+    </ng-template>
+    <ng-template pageTab>
+        <app-hotkeys/>
+        <app-defaults/>
+        <app-custom-template
+            [defaultTemplate]="defaultTemplate"
+        />
+        <app-styling-active-tour-anchor/>
+    </ng-template>
+</tui-doc-page>
+
+<tour-step-template/>
diff --git a/apps/ngx-ui-tour-demo/src/app/prime-ng-popover/prime-ng-popover.component.scss b/apps/ngx-ui-tour-demo/src/app/prime-ng-popover/prime-ng-popover.component.scss
new file mode 100644
index 00000000..acaeb90b
--- /dev/null
+++ b/apps/ngx-ui-tour-demo/src/app/prime-ng-popover/prime-ng-popover.component.scss
@@ -0,0 +1,3 @@
+app-header {
+    margin-top: 0;
+}
diff --git a/apps/ngx-ui-tour-demo/src/app/prime-ng-popover/prime-ng-popover.component.ts b/apps/ngx-ui-tour-demo/src/app/prime-ng-popover/prime-ng-popover.component.ts
new file mode 100644
index 00000000..3b056019
--- /dev/null
+++ b/apps/ngx-ui-tour-demo/src/app/prime-ng-popover/prime-ng-popover.component.ts
@@ -0,0 +1,121 @@
+import {ChangeDetectionStrategy, Component, inject, type OnInit} from '@angular/core';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
+import {type IStepOption, TourAnchorPrimeNgDirective, TourPrimeNgModule, TourService} from 'ngx-ui-tour-primeng';
+import {TuiButton, TuiLink} from '@taiga-ui/core';
+import {provideTourDirective, SHARED_COMPONENTS} from '../shared';
+import defaultTemplate from './examples/default-template.md' with {loader: 'text'};
+import {DELAY_AFTER_NAVIGATION} from '../app.providers';
+
+@Component({
+    selector: 'app-prime-ng-popover',
+    imports: [
+        TuiAddonDoc,
+        TuiLink,
+        TourPrimeNgModule,
+        TuiButton,
+        SHARED_COMPONENTS
+    ],
+    templateUrl: './prime-ng-popover.component.html',
+    styleUrl: './prime-ng-popover.component.scss',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    providers: [
+        provideTourDirective(TourAnchorPrimeNgDirective)
+    ]
+})
+export default class PrimeNgPopoverComponent implements OnInit {
+
+    readonly tourSteps: IStepOption[] = [{
+        anchorId: 'start.tour',
+        content: 'Welcome to the Ngx-UI-Tour tour!',
+        title: 'Welcome'
+    }, {
+        anchorId: 'angular-ui-tour',
+        content: 'Thanks to angular-ui-tour for the inspiration for the library',
+        title: 'angular-ui-tour'
+    }, {
+        anchorId: 'installation',
+        content: 'First, install the library...',
+        title: 'Installation',
+        route: 'prime-ng/Setup'
+    }, {
+        anchorId: 'usage',
+        content: '...then use it.',
+        title: 'Usage',
+        route: 'prime-ng/Setup'
+    }, {
+        anchorId: 'tourService.start',
+        content: 'Don\'t forget to actually start the tour.',
+        title: 'Start the tour',
+        route: 'prime-ng/Setup'
+    }, {
+        anchorId: 'config.anchorId',
+        content: 'Every step needs an anchor.',
+        title: 'Anchor',
+        route: 'prime-ng/API'
+    }, {
+        anchorId: 'config.enableBackdrop',
+        content: 'You can enable backdrop to highlight active element.',
+        title: 'Backdrop',
+        enableBackdrop: true,
+        route: 'prime-ng/API'
+    }, {
+        anchorId: 'config.route',
+        content: 'Tours can span multiple routes.',
+        title: 'Route',
+        route: 'prime-ng/API'
+    }, {
+        anchorId: 'config.centerAnchorOnScroll',
+        content: 'Enable this config to keep active anchor element centered when possible.',
+        title: 'Center active anchor',
+        route: 'prime-ng/API'
+    }, {
+        anchorId: 'config.smoothScroll',
+        content: 'Enable "smoothScroll" option to smoothly scroll to an active element.',
+        title: 'Smooth scroll',
+        route: 'prime-ng/API'
+    }, {
+        anchorId: 'config.buttons.custom',
+        content: 'You can set custom step button names',
+        title: 'Button Titles',
+        prevBtnTitle: 'My Prev',
+        nextBtnTitle: 'My Next',
+        endBtnTitle: 'My End',
+        route: 'prime-ng/API',
+        stepDimensions: {
+            maxWidth: '350px'
+        }
+    }, {
+        anchorId: 'config.isAsync',
+        content: 'Mark your step as async if anchor element is added to DOM with a delay',
+        title: 'Wait for async event',
+        route: 'prime-ng/API'
+    }, {
+        anchorId: 'config.nextOnAnchorClick',
+        content: 'Click on the config description to go to the next step',
+        title: 'Next on Anchor Click',
+        route: 'prime-ng/API',
+        nextOnAnchorClick: true
+    }, {
+        anchorId: 'events',
+        content: 'You can subscribe to events',
+        title: 'Events',
+        route: 'prime-ng/API'
+    }, {
+        anchorId: 'hotkeys',
+        content: 'Try using the hotkeys to navigate through the tour.',
+        title: 'Hotkeys',
+        route: 'prime-ng/Misc'
+    }];
+    readonly defaultTemplate = defaultTemplate;
+
+    protected readonly tourService = inject(TourService);
+    private readonly delayAfterNavigation = inject(DELAY_AFTER_NAVIGATION);
+
+    ngOnInit() {
+        this.tourService.initialize(this.tourSteps, {
+            route: 'prime-ng',
+            delayAfterNavigation: this.delayAfterNavigation
+        });
+    }
+
+}
diff --git a/apps/ngx-ui-tour-demo/src/app/shared/proxy-tour-anchor.directive.ts b/apps/ngx-ui-tour-demo/src/app/shared/proxy-tour-anchor.directive.ts
index 0aea7a68..2b8c76a9 100644
--- a/apps/ngx-ui-tour-demo/src/app/shared/proxy-tour-anchor.directive.ts
+++ b/apps/ngx-ui-tour-demo/src/app/shared/proxy-tour-anchor.directive.ts
@@ -18,6 +18,7 @@ import {TourAnchorConsoleDirective} from 'ngx-ui-tour-console';
 import {TourAnchorTuiDropdownDirective} from 'ngx-ui-tour-tui-dropdown';
 import {TourAnchorTuiHintDirective} from 'ngx-ui-tour-tui-hint';
 import {TourAnchorIonPopoverDirective} from 'ngx-ui-tour-ionic';
+import {TourAnchorPrimeNgDirective} from 'ngx-ui-tour-primeng';
 
 export const TOUR_ANCHOR_DIRECTIVE = new InjectionToken<TourAnchorDirective>('TourAnchorDirective');
 export const TOUR_ANCHOR_DIRECTIVE_TYPE = new InjectionToken<Type<TourAnchorDirective>>('TourAnchorDirectiveType');
@@ -40,6 +41,7 @@ interface CustomTourAnchorDirective extends TourAnchorDirective, OnInit, OnDestr
         TourAnchorTuiDropdownDirective,
         TourAnchorTuiHintDirective,
         TourAnchorIonPopoverDirective,
+        TourAnchorPrimeNgDirective,
         {
             provide: TOUR_ANCHOR_DIRECTIVE,
             useFactory: () => {
diff --git a/apps/ngx-ui-tour-demo/src/index.html b/apps/ngx-ui-tour-demo/src/index.html
index 16c6c034..0770e31f 100644
--- a/apps/ngx-ui-tour-demo/src/index.html
+++ b/apps/ngx-ui-tour-demo/src/index.html
@@ -17,6 +17,8 @@
     <link rel="mask-icon" href="assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
     <meta name="msapplication-TileColor" content="#da532c">
     <meta name="theme-color" content="#ffffff">
+    <link rel="preconnect" href="https://rsms.me/">
+    <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
 
     <!-- Start Single Page Apps for GitHub Pages -->
     <script type="text/javascript">
diff --git a/apps/ngx-ui-tour-demo/src/styles.scss b/apps/ngx-ui-tour-demo/src/styles.scss
index 5e97fd52..cbb62b6f 100644
--- a/apps/ngx-ui-tour-demo/src/styles.scss
+++ b/apps/ngx-ui-tour-demo/src/styles.scss
@@ -3,6 +3,13 @@
 @import '@ionic/angular/css/core.css';
 @import './bootstrap';
 
+.p-popover {
+    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
+    line-height: normal;
+}
+@import 'primeicons/primeicons.css';
+
 /* Workaround for white gap at the bottom when tour is started and dark theme is used */
 @media (prefers-color-scheme: dark) {
     html {
diff --git a/bun.lock b/bun.lock
index 94b38c2e..58e6f488 100644
--- a/bun.lock
+++ b/bun.lock
@@ -15,6 +15,7 @@
         "@ng-bootstrap/ng-bootstrap": "^18.0.0",
         "@ng-web-apis/common": "^4.11.1",
         "@popperjs/core": "^2.11.8",
+        "@primeng/themes": "^19.0.2",
         "@taiga-ui/addon-doc": "^4.18.0",
         "@taiga-ui/cdk": "^4.18.0",
         "@taiga-ui/core": "^4.18.0",
@@ -26,6 +27,8 @@
         "bootstrap": "^5.3.3",
         "ngx-bootstrap": "^19.0.1",
         "ngx-highlightjs": "^10.0.0",
+        "primeicons": "^7.0.0",
+        "primeng": "^19.0.2",
         "rxjs": "^7.8.1",
         "tslib": "^2.8.1",
         "zone.js": "~0.15.0",
@@ -62,7 +65,7 @@
     },
     "libs/ngx-ui-tour-console": {
       "name": "ngx-ui-tour-console",
-      "version": "13.0.0",
+      "version": "14.0.0",
       "dependencies": {
         "ngx-ui-tour-core": "libs/ngx-ui-tour-core",
         "tslib": "^2.0.0",
@@ -74,7 +77,7 @@
     },
     "libs/ngx-ui-tour-core": {
       "name": "ngx-ui-tour-core",
-      "version": "13.0.0",
+      "version": "14.0.0",
       "dependencies": {
         "tslib": "^2.0.0",
       },
@@ -87,7 +90,7 @@
     },
     "libs/ngx-ui-tour-ionic": {
       "name": "ngx-ui-tour-ionic",
-      "version": "5.0.0",
+      "version": "6.0.0",
       "dependencies": {
         "ngx-ui-tour-core": "libs/ngx-ui-tour-core",
         "tslib": "^2.3.0",
@@ -100,7 +103,7 @@
     },
     "libs/ngx-ui-tour-md-menu": {
       "name": "ngx-ui-tour-md-menu",
-      "version": "13.0.0",
+      "version": "14.0.0",
       "dependencies": {
         "ngx-ui-tour-core": "libs/ngx-ui-tour-core",
         "tslib": "^2.0.0",
@@ -114,7 +117,7 @@
     },
     "libs/ngx-ui-tour-ng-bootstrap": {
       "name": "ngx-ui-tour-ng-bootstrap",
-      "version": "15.0.0",
+      "version": "16.0.0",
       "dependencies": {
         "ngx-ui-tour-core": "libs/ngx-ui-tour-core",
         "tslib": "^2.0.0",
@@ -127,7 +130,7 @@
     },
     "libs/ngx-ui-tour-ngx-bootstrap": {
       "name": "ngx-ui-tour-ngx-bootstrap",
-      "version": "13.0.1",
+      "version": "14.0.0",
       "dependencies": {
         "ngx-ui-tour-core": "libs/ngx-ui-tour-core",
         "tslib": "^2.0.0",
@@ -138,9 +141,23 @@
         "ngx-bootstrap": "^19.0.0",
       },
     },
+    "libs/ngx-ui-tour-primeng": {
+      "name": "ngx-ui-tour-primeng",
+      "version": "1.0.0",
+      "dependencies": {
+        "ngx-ui-tour-core": "libs/ngx-ui-tour-core",
+        "tslib": "^2.3.0",
+      },
+      "peerDependencies": {
+        "@angular/common": "^19.0.0",
+        "@angular/core": "^19.0.0",
+        "primeicons": ">=7.0.0",
+        "primeng": "^19.0.0",
+      },
+    },
     "libs/ngx-ui-tour-tui-dropdown": {
       "name": "ngx-ui-tour-tui-dropdown",
-      "version": "7.0.0",
+      "version": "8.0.0",
       "dependencies": {
         "ngx-ui-tour-core": "libs/ngx-ui-tour-core",
         "tslib": "^2.3.0",
@@ -154,7 +171,7 @@
     },
     "libs/ngx-ui-tour-tui-hint": {
       "name": "ngx-ui-tour-tui-hint",
-      "version": "7.0.0",
+      "version": "8.0.0",
       "dependencies": {
         "ngx-ui-tour-core": "libs/ngx-ui-tour-core",
         "tslib": "^2.3.0",
@@ -834,6 +851,12 @@
 
     "@popperjs/core": ["@popperjs/core@2.11.8", "", {}, "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A=="],
 
+    "@primeng/themes": ["@primeng/themes@19.0.2", "", { "dependencies": { "@primeuix/styled": "^0.3.2" } }, "sha512-rPLSUkoW6M36Jjd27XD0biiT6C0VdRx024he6ZRgGpFH5WrnKDJPbbzCdLNFF7JCvEgmBHWEDwnmpHgywjrn2g=="],
+
+    "@primeuix/styled": ["@primeuix/styled@0.3.2", "", { "dependencies": { "@primeuix/utils": "^0.3.2" } }, "sha512-ColZes0+/WKqH4ob2x8DyNYf1NENpe5ZguOvx5yCLxaP8EIMVhLjWLO/3umJiDnQU4XXMLkn2mMHHw+fhTX/mw=="],
+
+    "@primeuix/utils": ["@primeuix/utils@0.3.2", "", {}, "sha512-B+nphqTQeq+i6JuICLdVWnDMjONome2sNz0xI65qIOyeB4EF12CoKRiCsxuZ5uKAkHi/0d1LqlQ9mIWRSdkavw=="],
+
     "@rollup/plugin-json": ["@rollup/plugin-json@6.1.0", "", { "dependencies": { "@rollup/pluginutils": "^5.1.0" }, "peerDependencies": { "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" }, "optionalPeers": ["rollup"] }, "sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA=="],
 
     "@rollup/pluginutils": ["@rollup/pluginutils@5.1.4", "", { "dependencies": { "@types/estree": "^1.0.0", "estree-walker": "^2.0.2", "picomatch": "^4.0.2" }, "peerDependencies": { "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" }, "optionalPeers": ["rollup"] }, "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ=="],
@@ -2078,6 +2101,8 @@
 
     "ngx-ui-tour-ngx-bootstrap": ["ngx-ui-tour-ngx-bootstrap@workspace:libs/ngx-ui-tour-ngx-bootstrap", { "dependencies": { "ngx-ui-tour-core": "libs/ngx-ui-tour-core", "tslib": "^2.0.0" }, "peerDependencies": { "@angular/common": "^19.0.0", "@angular/core": "^19.0.0", "ngx-bootstrap": "^19.0.0" } }],
 
+    "ngx-ui-tour-primeng": ["ngx-ui-tour-primeng@workspace:libs/ngx-ui-tour-primeng", { "dependencies": { "ngx-ui-tour-core": "libs/ngx-ui-tour-core", "tslib": "^2.3.0" }, "peerDependencies": { "@angular/common": "^19.0.0", "@angular/core": "^19.0.0", "primeicons": ">=7.0.0", "primeng": "^19.0.0" } }],
+
     "ngx-ui-tour-tui-dropdown": ["ngx-ui-tour-tui-dropdown@workspace:libs/ngx-ui-tour-tui-dropdown", { "dependencies": { "ngx-ui-tour-core": "libs/ngx-ui-tour-core", "tslib": "^2.3.0" }, "peerDependencies": { "@angular/common": "^19.0.0", "@angular/core": "^19.0.0", "@taiga-ui/core": "^4.0.0", "@taiga-ui/icons": "^4.0.0" } }],
 
     "ngx-ui-tour-tui-hint": ["ngx-ui-tour-tui-hint@workspace:libs/ngx-ui-tour-tui-hint", { "dependencies": { "ngx-ui-tour-core": "libs/ngx-ui-tour-core", "tslib": "^2.3.0" }, "peerDependencies": { "@angular/common": "^19.0.0", "@angular/core": "^19.0.0", "@taiga-ui/core": "^4.0.0", "@taiga-ui/icons": "^4.0.0" } }],
@@ -2296,6 +2321,10 @@
 
     "pretty-format": ["pretty-format@29.7.0", "", { "dependencies": { "@jest/schemas": "^29.6.3", "ansi-styles": "^5.0.0", "react-is": "^18.0.0" } }, "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ=="],
 
+    "primeicons": ["primeicons@7.0.0", "", {}, "sha512-jK3Et9UzwzTsd6tzl2RmwrVY/b8raJ3QZLzoDACj+oTJ0oX7L9Hy+XnVwgo4QVKlKpnP/Ur13SXV/pVh4LzaDw=="],
+
+    "primeng": ["primeng@19.0.2", "", { "dependencies": { "@primeuix/styled": "^0.3.2", "@primeuix/utils": "^0.3.2", "tslib": "^2.3.0" }, "peerDependencies": { "@angular/animations": "^19.0.0", "@angular/cdk": "^19.0.0", "@angular/common": "^19.0.0", "@angular/core": "^19.0.0", "@angular/forms": "^19.0.0", "@angular/platform-browser": "^19.0.0", "@angular/router": "^19.0.0", "rxjs": "^6.0.0 || ^7.8.1" } }, "sha512-7vizB1ynvvADjZBE9/Ks/YFwbY/d2tKYo+8Uq3OsBq9+rf9pIwKQIhd9GKkpe1gXx5Ig2SOFVeTp1Ru4H/vlVA=="],
+
     "proc-log": ["proc-log@5.0.0", "", {}, "sha512-Azwzvl90HaF0aCz1JrDdXQykFakSSNPaPoiZ9fm5qJIMHioDZEi7OAdRwSm6rSoPtY3Qutnm3L7ogmg3dc+wbQ=="],
 
     "process-nextick-args": ["process-nextick-args@2.0.1", "", {}, "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="],
diff --git a/libs/ngx-ui-tour-primeng/CHANGELOG.md b/libs/ngx-ui-tour-primeng/CHANGELOG.md
new file mode 100644
index 00000000..8ddf4968
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/CHANGELOG.md
@@ -0,0 +1,7 @@
+<a name="1.0.0"></a>
+
+# [1.0.0](https://github.com/hakimio/ngx-ui-tour) (2025-01-02)
+
+### Features
+
+- Initial release!
diff --git a/libs/ngx-ui-tour-primeng/README.md b/libs/ngx-ui-tour-primeng/README.md
new file mode 100644
index 00000000..cb6dfb55
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/README.md
@@ -0,0 +1,20 @@
+# Ngx-UI-Tour PrimeNG
+
+## About
+
+Ui tour library for Angular.
+
+This is a fork of __Isaac Mann's__ `ngx-tour` library. The fork was created because the original is no longer maintained,
+and I don't have permissions to publish new npm packages.
+
+## Demo
+
+[hakimio.github.io/ngx-ui-tour](https://hakimio.github.io/ngx-ui-tour)
+
+## Homepage
+
+[github.com/hakimio/ngx-ui-tour](https://github.com/hakimio/ngx-ui-tour)
+
+## License
+
+MIT
diff --git a/libs/ngx-ui-tour-primeng/eslint.config.cjs b/libs/ngx-ui-tour-primeng/eslint.config.cjs
new file mode 100644
index 00000000..feaaae28
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/eslint.config.cjs
@@ -0,0 +1,98 @@
+const eslint = require('@eslint/js');
+const tseslint = require('typescript-eslint');
+const angular = require('angular-eslint');
+const stylisticTs = require('@stylistic/eslint-plugin-ts');
+
+module.exports = tseslint.config({
+    files: ['**/*.ts'],
+    extends: [
+        eslint.configs.recommended,
+        ...tseslint.configs.recommended,
+        ...tseslint.configs.stylistic,
+        ...angular.configs.tsRecommended,
+    ],
+    processor: angular.processInlineTemplates,
+    plugins: {
+        '@stylistic/ts': stylisticTs
+    },
+    rules: {
+        '@angular-eslint/directive-selector': ['error', {
+            type: 'attribute',
+            prefix: 'tour',
+            style: 'camelCase',
+        }],
+        '@angular-eslint/component-selector': ['error', {
+            type: 'element',
+            prefix: 'tour',
+            style: 'kebab-case',
+        }],
+        '@typescript-eslint/naming-convention': ['error', {
+            selector: 'default',
+            format: ['camelCase'],
+            leadingUnderscore: 'allow',
+        }, {
+            selector: 'import',
+            format: ['camelCase', 'PascalCase'],
+        }, {
+            selector: 'parameter',
+            format: ['camelCase'],
+            leadingUnderscore: 'allow',
+        }, {
+            selector: 'variable',
+            format: ['camelCase', 'UPPER_CASE'],
+        }, {
+            selector: 'typeLike',
+            format: ['PascalCase'],
+        }, {
+            selector: 'enumMember',
+            format: ['PascalCase'],
+        }, {
+            selector: 'objectLiteralProperty',
+            format: null,
+        }, {
+            selector: 'typeProperty',
+            format: null,
+        }, {
+            selector: 'classProperty',
+            modifiers: ['readonly'],
+            format: ['camelCase', 'UPPER_CASE'],
+            leadingUnderscore: 'allow',
+        }],
+        'one-var': 'off',
+        '@typescript-eslint/member-ordering': 'off',
+        '@stylistic/ts/semi': [
+            'error'
+        ],
+        '@stylistic/ts/member-delimiter-style': ['error', {
+            multiline: {
+                delimiter: 'semi',
+                requireLast: true,
+            },
+
+            singleline: {
+                delimiter: 'semi',
+                requireLast: false,
+            },
+        }],
+        '@angular-eslint/prefer-standalone': ['error'],
+        '@angular-eslint/prefer-on-push-component-change-detection': ['error'],
+        '@typescript-eslint/consistent-type-imports': ['warn', {
+            prefer: 'type-imports',
+        }],
+        "@typescript-eslint/no-unused-vars": ["error", {
+            "args": "all",
+            "argsIgnorePattern": "^_",
+            "caughtErrors": "all",
+            "caughtErrorsIgnorePattern": "^_",
+            "destructuredArrayIgnorePattern": "^_",
+            "varsIgnorePattern": "^_",
+            "ignoreRestSiblings": true
+        }]
+    }
+}, {
+    files: ['**/*.html'],
+    extends: [
+        ...angular.configs.templateRecommended,
+    ],
+    rules: {},
+});
diff --git a/libs/ngx-ui-tour-primeng/ng-package.json b/libs/ngx-ui-tour-primeng/ng-package.json
new file mode 100644
index 00000000..d3d9ab42
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/ng-package.json
@@ -0,0 +1,10 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/ngx-ui-tour-primeng",
+  "lib": {
+    "entryFile": "src/index.ts"
+  },
+  "allowedNonPeerDependencies": [
+    "ngx-ui-tour-core"
+  ]
+}
diff --git a/libs/ngx-ui-tour-primeng/package.json b/libs/ngx-ui-tour-primeng/package.json
new file mode 100644
index 00000000..8451d444
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "ngx-ui-tour-primeng",
+  "description": "UI tour library for Angular",
+  "keywords": [
+    "angular",
+    "ngx",
+    "primeng",
+    "tour",
+    "product-tour",
+    "ui-tour",
+    "onboarding",
+    "onboarding-tour"
+  ],
+  "repository": "https://github.com/hakimio/ngx-ui-tour.git",
+  "author": "Tomas Rimkus <tomas.r@programmer.net>",
+  "license": "MIT",
+  "version": "1.0.0",
+  "peerDependencies": {
+    "@angular/common": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "primeng": "^19.0.0",
+    "primeicons": ">=7.0.0"
+  },
+  "dependencies": {
+    "ngx-ui-tour-core": "14.0.0",
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
+}
diff --git a/libs/ngx-ui-tour-primeng/project.json b/libs/ngx-ui-tour-primeng/project.json
new file mode 100644
index 00000000..f752076d
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/project.json
@@ -0,0 +1,43 @@
+{
+  "name": "ngx-ui-tour-primeng",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "libs/ngx-ui-tour-primeng/src",
+  "prefix": "tour",
+  "projectType": "library",
+  "tags": ["libs"],
+  "targets": {
+    "prebuild": {
+      "executor": "@nx/angular:package",
+      "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
+      "options": {
+        "project": "libs/ngx-ui-tour-primeng/ng-package.json"
+      },
+      "configurations": {
+        "production": {
+          "tsConfig": "libs/ngx-ui-tour-primeng/tsconfig.lib.prod.json"
+        },
+        "development": {
+          "tsConfig": "libs/ngx-ui-tour-primeng/tsconfig.lib.json"
+        }
+      },
+      "defaultConfiguration": "production"
+    },
+    "build": {
+      "executor": "nx:run-commands",
+      "outputs": ["{workspaceRoot}/dist/ngx-ui-tour-primeng"],
+      "options": {
+        "parallel": false,
+        "commands": ["nx prebuild {projectName}", "nx postbuild {projectName}"]
+      }
+    },
+    "postbuild": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "shx cp README.md libs/ngx-ui-tour-primeng/CHANGELOG.md  dist/ngx-ui-tour-primeng/"
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint"
+    }
+  }
+}
diff --git a/libs/ngx-ui-tour-primeng/src/index.ts b/libs/ngx-ui-tour-primeng/src/index.ts
new file mode 100644
index 00000000..b7fc6cc5
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/src/index.ts
@@ -0,0 +1,8 @@
+export * from './lib/tour-step-template/tour-step-template.component';
+export * from './lib/tour-prime-ng.module';
+export * from './lib/tour-anchor.directive';
+export * from './lib/tour-proxy-anchor.component';
+
+export {PrimeNgStepOption as IStepOption} from './lib/step-option.interface';
+export {StepDimensions} from 'ngx-ui-tour-core';
+export {PrimeNgTourService as TourService} from './lib/prime-ng-tour.service';
diff --git a/libs/ngx-ui-tour-primeng/src/lib/prime-ng-tour.service.ts b/libs/ngx-ui-tour-primeng/src/lib/prime-ng-tour.service.ts
new file mode 100644
index 00000000..3a3fbedb
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/src/lib/prime-ng-tour.service.ts
@@ -0,0 +1,9 @@
+import {Injectable} from '@angular/core';
+import type {PrimeNgStepOption} from './step-option.interface';
+import {TourService} from 'ngx-ui-tour-core';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class PrimeNgTourService<T extends PrimeNgStepOption = PrimeNgStepOption> extends TourService<T> {
+}
diff --git a/libs/ngx-ui-tour-primeng/src/lib/step-option.interface.ts b/libs/ngx-ui-tour-primeng/src/lib/step-option.interface.ts
new file mode 100644
index 00000000..5e86489e
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/src/lib/step-option.interface.ts
@@ -0,0 +1,5 @@
+import type {IStepOption} from 'ngx-ui-tour-core';
+
+export interface PrimeNgStepOption extends IStepOption {
+    closeOnOutsideClick?: boolean;
+}
diff --git a/libs/ngx-ui-tour-primeng/src/lib/tour-anchor.directive.ts b/libs/ngx-ui-tour-primeng/src/lib/tour-anchor.directive.ts
new file mode 100644
index 00000000..dd44441a
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/src/lib/tour-anchor.directive.ts
@@ -0,0 +1,74 @@
+import {Directive, ElementRef, inject, Input, type OnDestroy, type OnInit, signal} from '@angular/core';
+import {type TourAnchorDirective, TourState} from 'ngx-ui-tour-core';
+import {TourStepTemplateService} from './tour-step-template.service';
+import {PrimeNgTourService} from './prime-ng-tour.service';
+import type {PrimeNgStepOption} from './step-option.interface';
+import {first, firstValueFrom, type Subscription} from 'rxjs';
+
+@Directive({
+    selector: '[tourAnchor]'
+})
+export class TourAnchorPrimeNgDirective implements OnInit, OnDestroy, TourAnchorDirective {
+
+    @Input({required: true})
+    public tourAnchor!: string;
+
+    public isActive = signal(false);
+
+    public readonly element = inject(ElementRef);
+    private readonly tourService = inject(PrimeNgTourService);
+    private readonly stepTemplateService = inject(TourStepTemplateService);
+    private popoverCloseSubscription?: Subscription;
+
+    ngOnInit() {
+        this.tourService.register(this.tourAnchor, this);
+    }
+
+    ngOnDestroy() {
+        this.tourService.unregister(this.tourAnchor);
+    }
+
+    async showTourStep(step: PrimeNgStepOption) {
+        const templateComponent = this.stepTemplateService.templateComponent,
+            popover = templateComponent.popover();
+
+        if (popover.isOverlayAnimationInProgress) {
+            await firstValueFrom(popover.onHide);
+        }
+
+        this.isActive.set(true);
+        templateComponent.step = step;
+
+        const popoverClass = step.popoverClass ?? '';
+        popover.styleClass = `tour-step ${popoverClass}`;
+
+        const event = {
+            target: this.element.nativeElement
+        } as MouseEvent;
+
+        popover.dismissable = !!step.closeOnOutsideClick;
+        popover.show(event);
+
+        if (this.popoverCloseSubscription) {
+            this.popoverCloseSubscription.unsubscribe();
+        }
+        this.popoverCloseSubscription = popover.onHide
+            .pipe(first())
+            .subscribe(() => {
+                if (this.tourService.getStatus() !== TourState.OFF) {
+                    this.tourService.end();
+                }
+            });
+    }
+
+    hideTourStep() {
+        this.isActive.set(false);
+        if (this.popoverCloseSubscription) {
+            this.popoverCloseSubscription.unsubscribe();
+        }
+
+        const popover = this.stepTemplateService.templateComponent.popover();
+        popover.hide();
+    }
+
+}
diff --git a/libs/ngx-ui-tour-primeng/src/lib/tour-prime-ng.module.ts b/libs/ngx-ui-tour-primeng/src/lib/tour-prime-ng.module.ts
new file mode 100644
index 00000000..9768a1cb
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/src/lib/tour-prime-ng.module.ts
@@ -0,0 +1,12 @@
+import {TourStepTemplateComponent} from './tour-step-template/tour-step-template.component';
+import {TourAnchorPrimeNgDirective} from './tour-anchor.directive';
+import {NgModule} from '@angular/core';
+import {TourProxyAnchorComponent} from './tour-proxy-anchor.component';
+
+const COMPONENTS = [TourStepTemplateComponent, TourAnchorPrimeNgDirective, TourProxyAnchorComponent];
+
+@NgModule({
+    imports: COMPONENTS,
+    exports: COMPONENTS
+})
+export class TourPrimeNgModule {}
diff --git a/libs/ngx-ui-tour-primeng/src/lib/tour-proxy-anchor.component.ts b/libs/ngx-ui-tour-primeng/src/lib/tour-proxy-anchor.component.ts
new file mode 100644
index 00000000..a9ba9434
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/src/lib/tour-proxy-anchor.component.ts
@@ -0,0 +1,23 @@
+import {ChangeDetectionStrategy, Component, inject, Input} from '@angular/core';
+import {TourAnchorPrimeNgDirective} from './tour-anchor.directive';
+import {BaseTourProxyAnchor} from 'ngx-ui-tour-core';
+
+@Component({
+    selector: 'tour-proxy-anchor',
+    template: '',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    hostDirectives: [{
+        directive: TourAnchorPrimeNgDirective,
+        inputs: ['tourAnchor: anchorId']
+    }]
+})
+export class TourProxyAnchorComponent extends BaseTourProxyAnchor {
+
+    protected override readonly anchorDirective = inject(TourAnchorPrimeNgDirective, {
+        host: true
+    });
+
+    @Input({required: true})
+    public override anchorEl!: string | HTMLElement;
+
+}
diff --git a/libs/ngx-ui-tour-primeng/src/lib/tour-step-template.service.ts b/libs/ngx-ui-tour-primeng/src/lib/tour-step-template.service.ts
new file mode 100644
index 00000000..b4e229d3
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/src/lib/tour-step-template.service.ts
@@ -0,0 +1,11 @@
+import {Injectable} from '@angular/core';
+import type {TourStepTemplateComponent} from './tour-step-template/tour-step-template.component';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class TourStepTemplateService {
+
+    public templateComponent!: TourStepTemplateComponent;
+
+}
\ No newline at end of file
diff --git a/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-default-step-template/tour-default-step-template.component.html b/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-default-step-template/tour-default-step-template.component.html
new file mode 100644
index 00000000..3ca368b3
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-default-step-template/tour-default-step-template.component.html
@@ -0,0 +1,52 @@
+@let step = this.step();
+
+<div class="title-container">
+    <div class="title">{{ step?.title }}</div>
+    <p-button
+        severity="secondary"
+        icon="pi pi-times"
+        ariaLabel="Close"
+        variant="text"
+        [rounded]="true"
+        (click)="tourService.end()"
+    />
+</div>
+
+<p
+    class="card-text"
+    [innerHTML]="step.content"
+></p>
+
+<div
+    class="buttons"
+    [class.no-progress]="!step.showProgress"
+>
+    <p-button
+        [disabled]="!tourService.hasPrev(step)"
+        icon="pi pi-angle-left"
+        iconPos="left"
+        severity="secondary"
+        class="prev"
+        [label]="step.prevBtnTitle"
+        (click)="tourService.prev()"
+    />
+    @if (step.showProgress) {
+        <div class="progress">{{ tourService.steps.indexOf(step) + 1 }} / {{ tourService.steps.length }}</div>
+    }
+
+    @if (tourService.hasNext(step) && !step.nextOnAnchorClick) {
+        <p-button
+            icon="pi pi-angle-right"
+            iconPos="right"
+            class="next"
+            [label]="step.nextBtnTitle"
+            (click)="tourService.next()"
+        />
+    }
+    @if (!tourService.hasNext(step)) {
+        <p-button
+            [label]="step.endBtnTitle"
+            (click)="tourService.end()"
+        />
+    }
+</div>
diff --git a/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-default-step-template/tour-default-step-template.component.scss b/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-default-step-template/tour-default-step-template.component.scss
new file mode 100644
index 00000000..f3144c9b
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-default-step-template/tour-default-step-template.component.scss
@@ -0,0 +1,61 @@
+:host {
+    padding: 0.5rem 1rem 0.75rem;
+    display: block;
+}
+
+.title-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.25rem;
+    margin-bottom: 0.5rem;
+
+    .title {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        line-height: 1.5;
+        font-size: 1.25rem;
+        font-weight: 500;
+    }
+}
+
+.card-text {
+    line-height: 1.625;
+    margin: 0 0 1rem;
+}
+
+.buttons {
+    display: grid;
+    grid-template-columns: 1fr auto 1fr;
+    align-items: center;
+    gap: 1rem;
+
+    >* {
+        max-width: fit-content;
+
+        &:last-child {
+            justify-self: flex-end;
+        }
+    }
+
+    .progress {
+        font-weight: 500;
+        font-size: 0.875rem;
+        color: var(--p-text-muted-color, #737373);
+        white-space: nowrap;
+    }
+
+    &.no-progress {
+        grid-template-columns: 1fr 1fr;
+    }
+
+    p-button {
+        &.prev ::ng-deep button {
+            padding-left: 0.45rem;
+        }
+        &.next ::ng-deep button {
+            padding-right: 0.45rem;
+        }
+    }
+}
diff --git a/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-default-step-template/tour-default-step-template.component.ts b/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-default-step-template/tour-default-step-template.component.ts
new file mode 100644
index 00000000..ed98feca
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-default-step-template/tour-default-step-template.component.ts
@@ -0,0 +1,25 @@
+import {ChangeDetectionStrategy, Component, inject, input} from '@angular/core';
+import type {PrimeNgStepOption} from '../../step-option.interface';
+import {PrimeNgTourService} from '../../prime-ng-tour.service';
+import {Button} from 'primeng/button';
+
+@Component({
+    selector: 'tour-default-step-template',
+    imports: [
+        Button
+    ],
+    templateUrl: './tour-default-step-template.component.html',
+    styleUrl: './tour-default-step-template.component.scss',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    host: {
+        '[style.width]': 'step().stepDimensions?.width',
+        '[style.min-width]': 'step().stepDimensions?.minWidth',
+        '[style.max-width]': 'step().stepDimensions?.maxWidth'
+    }
+})
+export class TourDefaultStepTemplateComponent {
+
+    readonly step = input.required<PrimeNgStepOption>();
+    protected readonly tourService = inject(PrimeNgTourService);
+
+}
diff --git a/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-step-template.component.html b/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-step-template.component.html
new file mode 100644
index 00000000..e9b3fc4f
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-step-template.component.html
@@ -0,0 +1,19 @@
+<p-popover
+    [baseZIndex]="150"
+>
+    <!--suppress JSUnusedGlobalSymbols -->
+    <ng-template #content>
+        <ng-container
+            *ngTemplateOutlet="
+                stepTemplate() || stepTemplateContent() || defaultTemplate;
+                context: {step: step}
+            "
+        />
+    </ng-template>
+</p-popover>
+
+<ng-template #defaultTemplate let-step="step">
+    <tour-default-step-template
+        [step]="step"
+    />
+</ng-template>
diff --git a/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-step-template.component.ts b/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-step-template.component.ts
new file mode 100644
index 00000000..67b72efb
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/src/lib/tour-step-template/tour-step-template.component.ts
@@ -0,0 +1,49 @@
+import {
+    type AfterViewInit,
+    ChangeDetectionStrategy,
+    Component,
+    contentChild, inject,
+    input,
+    TemplateRef,
+    viewChild
+} from '@angular/core';
+import {Popover} from 'primeng/popover';
+import type {PrimeNgStepOption} from '../step-option.interface';
+import {TourHotkeyListenerComponent} from 'ngx-ui-tour-core';
+import {PrimeNgTourService} from '../prime-ng-tour.service';
+import {TourStepTemplateService} from '../tour-step-template.service';
+import {NgTemplateOutlet} from '@angular/common';
+import {TourDefaultStepTemplateComponent} from './tour-default-step-template/tour-default-step-template.component';
+
+@Component({
+    selector: 'tour-step-template',
+    imports: [
+        Popover,
+        NgTemplateOutlet,
+        TourDefaultStepTemplateComponent
+    ],
+    templateUrl: './tour-step-template.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    styles: `
+        ::ng-deep .p-popover.tour-step {
+            --p-popover-content-padding: 0;
+        }
+    `
+})
+export class TourStepTemplateComponent extends TourHotkeyListenerComponent implements AfterViewInit {
+
+    public readonly popover = viewChild.required(Popover);
+    public readonly stepTemplateContent = contentChild<TemplateRef<{ step: PrimeNgStepOption }>>(TemplateRef);
+
+    public readonly stepTemplate = input<TemplateRef<{ step: PrimeNgStepOption }>>();
+
+    public step!: PrimeNgStepOption;
+
+    protected override tourService = inject(PrimeNgTourService);
+    private readonly tourStepTemplateService = inject(TourStepTemplateService);
+
+    ngAfterViewInit() {
+        this.tourStepTemplateService.templateComponent = this;
+    }
+
+}
diff --git a/libs/ngx-ui-tour-primeng/tsconfig.json b/libs/ngx-ui-tour-primeng/tsconfig.json
new file mode 100644
index 00000000..3467dca4
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/tsconfig.json
@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "es2022",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "extends": "../../tsconfig.json",
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}
diff --git a/libs/ngx-ui-tour-primeng/tsconfig.lib.json b/libs/ngx-ui-tour-primeng/tsconfig.lib.json
new file mode 100644
index 00000000..063e5257
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/tsconfig.lib.json
@@ -0,0 +1,17 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "src/**/*.spec.ts",
+    "src/test-setup.ts",
+    "jest.config.ts",
+    "src/**/*.test.ts"
+  ],
+  "include": ["src/**/*.ts"]
+}
diff --git a/libs/ngx-ui-tour-primeng/tsconfig.lib.prod.json b/libs/ngx-ui-tour-primeng/tsconfig.lib.prod.json
new file mode 100644
index 00000000..2a2faa88
--- /dev/null
+++ b/libs/ngx-ui-tour-primeng/tsconfig.lib.prod.json
@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}
diff --git a/nx.json b/nx.json
index 1d225a56..9a48b881 100644
--- a/nx.json
+++ b/nx.json
@@ -24,6 +24,24 @@
         "default",
         "^production"
       ]
+    },
+    "@nx/angular:package": {
+      "cache": true,
+      "dependsOn": [
+        "^build"
+      ],
+      "inputs": [
+        "production",
+        "^production"
+      ]
+    },
+    "@nx/eslint:lint": {
+      "cache": true,
+      "inputs": [
+        "default",
+        "{workspaceRoot}/.eslintignore",
+        "{workspaceRoot}/eslint.config.cjs"
+      ]
     }
   },
   "defaultBase": "master",
@@ -36,7 +54,12 @@
     "production": [
       "default",
       "!{projectRoot}/.eslintrc.json",
-      "!{projectRoot}/eslint.config.cjs"
+      "!{projectRoot}/eslint.config.cjs",
+      "!{projectRoot}/**/?(*.)+(spec|test).[jt]s?(x)?(.snap)",
+      "!{projectRoot}/tsconfig.spec.json",
+      "!{projectRoot}/jest.config.[jt]s",
+      "!{projectRoot}/src/test-setup.[jt]s",
+      "!{projectRoot}/test-setup.[jt]s"
     ]
   },
   "release": {
@@ -46,5 +69,14 @@
   },
   "cli": {
     "packageManager": "bun"
+  },
+  "generators": {
+    "@nx/angular:library": {
+      "linter": "eslint",
+      "unitTestRunner": "jest"
+    },
+    "@nx/angular:component": {
+      "style": "scss"
+    }
   }
 }
\ No newline at end of file
diff --git a/package.json b/package.json
index d08b7128..bf4d77ae 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "@ng-bootstrap/ng-bootstrap": "^18.0.0",
     "@ng-web-apis/common": "^4.11.1",
     "@popperjs/core": "^2.11.8",
+    "@primeng/themes": "^19.0.2",
     "@taiga-ui/addon-doc": "^4.18.0",
     "@taiga-ui/cdk": "^4.18.0",
     "@taiga-ui/core": "^4.18.0",
@@ -56,6 +57,8 @@
     "bootstrap": "^5.3.3",
     "ngx-bootstrap": "^19.0.1",
     "ngx-highlightjs": "^10.0.0",
+    "primeicons": "^7.0.0",
+    "primeng": "^19.0.2",
     "rxjs": "^7.8.1",
     "tslib": "^2.8.1",
     "zone.js": "~0.15.0"
diff --git a/tsconfig.json b/tsconfig.json
index 3557b085..f1e35d77 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -51,6 +51,9 @@
       ],
       "ngx-ui-tour-tui-hint": [
         "libs/ngx-ui-tour-tui-hint/src/public_api.ts"
+      ],
+      "ngx-ui-tour-primeng": [
+        "libs/ngx-ui-tour-primeng/src/index.ts"
       ]
     }
   }