Launch
userTourKit
Visit
Premium
Example Image

userTourKit

Headless React product tours, hints, and onboarding

Visit

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

Example Image
Example Image

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
See coupon Copied!

Comments

custom-img
Library builder

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 🙏

See coupon Copied!
Social Links
Makers

Comments

custom-img
Library builder

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 🙏