UNPKG

nfsfu234-tour-guide

Version:

A plug-and-play React component for creating customizable onboarding tours with tooltips, modals, and smooth user guidance. Built with Tailwind CSS and supports dark mode, Framer Motion animations, and full control over step logic.

github.com/nforshifu234dev/nfsfu234-tour-guide

nforshifu234dev/nfsfu234-tour-guide

128 lines (69 loc) • 7.64 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
# Changelog All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines. ### [0.2.12](https://github.com/nforshifu234dev/nfsfu234-tour-guide/compare/v0.2.11...v0.2.12) (2025-06-01) ### Bug Fixes * testing new code 2 ([#26](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/26)) ([ba9d7a7](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/ba9d7a737ecbe50a9d4fdb5c915ed24a6e487f56)) ### [0.2.11](https://github.com/nforshifu234dev/nfsfu234-tour-guide/compare/v0.2.10...v0.2.11) (2025-06-01) ### Bug Fixes * testing new code ([#25](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/25)) ([18b04ba](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/18b04ba0d6f0790ebca4aa25f2c652ba2be922a0)) * testing new code 1 ([#24](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/24)) ([0a20af4](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/0a20af4e2837a8428f05946d21e272dedad7af46)) ### [0.2.10](https://github.com/nforshifu234dev/nfsfu234-tour-guide/compare/v0.2.9...v0.2.10) (2025-06-01) ### Bug Fixes * testing new code ([#23](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/23)) ([5e73502](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/5e73502daf0a4ea222ba667f01e3532491bc14a9)) ### [0.2.9](https://github.com/nforshifu234dev/nfsfu234-tour-guide/compare/v0.2.8...v0.2.9) (2025-06-01) ### Bug Fixes * test removing zindex 1 ([#22](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/22)) ([6414277](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/641427767b3ef677402b0abf21e0d9f3b6972d56)) ### [0.2.8](https://github.com/nforshifu234dev/nfsfu234-tour-guide/compare/v0.2.7...v0.2.8) (2025-06-01) ### Bug Fixes * test removing zindex ([#21](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/21)) ([268bde2](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/268bde2d0af68f272f969d58dac3e1732380d301)) ### [0.2.7](https://github.com/nforshifu234dev/nfsfu234-tour-guide/compare/v0.2.6...v0.2.7) (2025-06-01) ### Bug Fixes * update ([#20](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/20)) ([d6b5226](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/d6b5226823656b70a0083ea95c19118d5b95640f)) ### [0.2.6](https://github.com/nforshifu234dev/nfsfu234-tour-guide/compare/v0.2.5...v0.2.6) (2025-05-26) ### Bug Fixes * firsttimeerror ([#17](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/17)) ([ef7b97b](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/ef7b97b41520b43af6bbdc54d7da1e2ca66b70ce)) ### [0.2.5](https://github.com/nforshifu234dev/nfsfu234-tour-guide/compare/v0.2.4...v0.2.5) (2025-05-17) ### Bug Fixes * trying to fix the automation hauld for deploying after release is successful ([#12](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/12)) ([805ef3d](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/805ef3d31cb2931fb1574b329a53800a7e9b707a)) ### [0.2.4](https://github.com/nforshifu234dev/nfsfu234-tour-guide/compare/v0.2.0...v0.2.4) (2025-05-17) ### Features * adding new files to the project ([a3a16a6](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/a3a16a6644e87e51a9c71101b203ce90b79344c9)) ### Bug Fixes * add comments to tour component ([7366689](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/7366689cda5c557b94731117b066782a8a5a7de8)) * automated release workflow ([#4](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/4)) ([cfca6b5](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/cfca6b53ea14132d34ea59eea06c200eeaddb627)) * commented on the tour component ([#3](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/3)) ([f12b92b](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/f12b92b1bf9443ff757783684ac5c8fb1800d7a2)) * finxing the login issue ([#9](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/9)) ([1c325d3](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/1c325d3c45a4ad154f5a3f42501c62530d6be401)) * fix automated release workflow ([#5](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/5)) ([7d54d1d](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/7d54d1d4de40f5ff56dfe3bcca62861c35d9fabb)) * fixing the release issue ([#7](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/7)) ([18bf30d](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/18bf30df6f8dcf005c17ff48eb8a7e58fae34ccd)) * role stuff ([#6](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/6)) ([e17c06d](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/e17c06dc78ac7139b004133e7ef89d45f446f4c1)) * trying to fix the release issue ([#11](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/11)) ([700dbfa](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/700dbfa58fe56b85b8290b2a428206b53789dcea)) ### [0.2.3](https://github.com/nforshifu234dev/nfsfu234-tour-guide/compare/v0.2.0...v0.2.3) (2025-05-17) ### Features * adding new files to the project ([a3a16a6](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/a3a16a6644e87e51a9c71101b203ce90b79344c9)) ### Bug Fixes * add comments to tour component ([7366689](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/7366689cda5c557b94731117b066782a8a5a7de8)) * automated release workflow ([#4](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/4)) ([cfca6b5](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/cfca6b53ea14132d34ea59eea06c200eeaddb627)) * commented on the tour component ([#3](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/3)) ([f12b92b](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/f12b92b1bf9443ff757783684ac5c8fb1800d7a2)) * finxing the login issue ([#9](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/9)) ([1c325d3](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/1c325d3c45a4ad154f5a3f42501c62530d6be401)) * fix automated release workflow ([#5](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/5)) ([7d54d1d](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/7d54d1d4de40f5ff56dfe3bcca62861c35d9fabb)) * fixing the release issue ([#7](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/7)) ([18bf30d](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/18bf30df6f8dcf005c17ff48eb8a7e58fae34ccd)) * role stuff ([#6](https://github.com/nforshifu234dev/nfsfu234-tour-guide/issues/6)) ([e17c06d](https://github.com/nforshifu234dev/nfsfu234-tour-guide/commit/e17c06dc78ac7139b004133e7ef89d45f446f4c1)) ### [0.2.2](https://github.com/nforshifu234dev/nfsfu234-tour-guide/compare/v0.2.1...v0.2.2) (2025-05-17) ### [0.2.1](https://github.com/nforshifu234dev/nfsfu234-tour-guide/compare/v0.2.0...v0.2.1) (2025-05-17) ## [0.1.0] - 2025-05-17 ### Added - Initial release of `nfsfu234-tour-guide`. - Support for customizable tour steps with target selectors, content, and positions. - Light and dark themes. - Welcome screen with customizable content. - Progress bar and optional progress dots. - Device-specific steps (`desktop`, `mobile`, `both`). - TypeScript support with full type definitions. - Keyboard navigation (Arrow keys, Enter, Escape). - Integration with `framer-motion` for animations and `lucide-react` for icons. ### Fixed - N/A (initial release). ### Changed - N/A (initial release). ### Removed - N/A (initial release).