userTourKit is a headless, TypeScript-first React library for in-app guidance — product tours,
feature hints, onboarding checklists, announcements, surveys, and adoption tracking. You bring the
components (built for shadcn/ui, Tailwind, and Radix) and it handles positioning, step
sequencing, focus management, keyboard nav, and accessibility (WCAG 2.1 AA). The core — tours,
hints, checklists — is MIT and free forever. Pro packages are a $99 one-time purchase: no
subscriptions, no per-seat pricing, no iframe overlays that look nothing like your app.
Pro — buy once, ship anywhere
Features
Headless engine — logic lives in hooks, you own the UI; no CSS injection or style conflicts
• shadcn/ui, Tailwind & Radix native; TypeScript strict mode across every package
• Tours, feature hints, and onboarding checklists with task dependencies
• Announcements: modal, toast, banner, slideout, spotlight
• In-app surveys (NPS, CSAT, CES) with fatigue prevention
• Feature adoption tracking with nudges
• Analytics plugins: Segment, PostHog, Amplitude, GA4, Mixpanel
• AI tour assistant (RAG over your docs), scheduling, and media embeds
• Accessibility by default: focus traps, aria-live, keyboard nav, prefers-reduced-motion
• MIT core, $99 one-time Pro — buy once, ship anywhere
Use Cases
• New-user onboarding flows that match your design system instead of an iframe
• "What's new" product announcements without a monthly SaaS bill
• Feature discovery through contextual hints and hotspots
• Activation checklists that drive time-to-value
• In-app NPS/CSAT/CES to measure satisfaction at the right moment
• Adoption tracking to surface and nudge power-user behaviors
• A self-hosted alternative to Appcues / Pendo / Userpilot for indie and small teams
Fazier Deal
Comments
Hey everyone 👋 I'm Dominique, the maker of userTourKit. The problem I kept hitting: every product-tour library on npm ships its own opinionated UI — Driver.js, Shepherd, Intro.js. You either fight their styles or rebuild from scratch. And the SaaS alternatives (Appcues, Pendo, Userpilot) start in the thousands per year for what's often a glorified iframe overlay that looks nothing like your app. So I built the version I always wanted: a headless, TypeScript-first React library. The logic lives in hooks — positioning, sequencing, focus management, keyboard nav, accessibility — and you bring your own components. Drops into shadcn/ui, Tailwind, or Radix in minutes. It covers the full in-app guidance stack: • Product tours, feature hints, onboarding checklists • Announcements (modal, toast, banner, slideout, spotlight) • In-app surveys (NPS, CSAT, CES) with fatigue prevention • Feature adoption tracking • AI tour assistant (RAG over your docs) • Analytics plugins (Segment, PostHog, Amplitude, GA4, Mixpanel) • Scheduling + media embeds On pricing: the core — tours, hints, checklists — is MIT and free forever. Pro packages are $99 one-time, lifetime updates, no subscription. Buy once, ship anywhere. Why it exists: on side projects I'd want a 3-step tour or a "what's new" modal and end up either paying monthly for a SaaS or wiring it from scratch every single time. This is the tool I wish I'd had — full source, no rate limits, your design system. Would genuinely love your feedback, especially on the headless API. Roast it. Happy to answer anything in the comments 🙏
The headless approach makes a lot of sense. Product tours often feel disconnected from the actual app UI, so letting teams keep their own components is a strong angle. I’d love to see one or two short implementation examples for shadcn or Tailwind users, because that would make the value obvious very quickly.
Premium Products
Fazier Deal
Sponsors
Buy
Makers
Makers
Comments
Hey everyone 👋 I'm Dominique, the maker of userTourKit. The problem I kept hitting: every product-tour library on npm ships its own opinionated UI — Driver.js, Shepherd, Intro.js. You either fight their styles or rebuild from scratch. And the SaaS alternatives (Appcues, Pendo, Userpilot) start in the thousands per year for what's often a glorified iframe overlay that looks nothing like your app. So I built the version I always wanted: a headless, TypeScript-first React library. The logic lives in hooks — positioning, sequencing, focus management, keyboard nav, accessibility — and you bring your own components. Drops into shadcn/ui, Tailwind, or Radix in minutes. It covers the full in-app guidance stack: • Product tours, feature hints, onboarding checklists • Announcements (modal, toast, banner, slideout, spotlight) • In-app surveys (NPS, CSAT, CES) with fatigue prevention • Feature adoption tracking • AI tour assistant (RAG over your docs) • Analytics plugins (Segment, PostHog, Amplitude, GA4, Mixpanel) • Scheduling + media embeds On pricing: the core — tours, hints, checklists — is MIT and free forever. Pro packages are $99 one-time, lifetime updates, no subscription. Buy once, ship anywhere. Why it exists: on side projects I'd want a 3-step tour or a "what's new" modal and end up either paying monthly for a SaaS or wiring it from scratch every single time. This is the tool I wish I'd had — full source, no rate limits, your design system. Would genuinely love your feedback, especially on the headless API. Roast it. Happy to answer anything in the comments 🙏
The headless approach makes a lot of sense. Product tours often feel disconnected from the actual app UI, so letting teams keep their own components is a strong angle. I’d love to see one or two short implementation examples for shadcn or Tailwind users, because that would make the value obvious very quickly.
Premium Products
New to Fazier?
Find your next favorite product or submit your own. Made by @FalakDigital.
Copyright ©2025. All Rights Reserved